Марк Кан: Основы программирования на JavaScript

var apples = 5;

Необходимо сделать два важных замечания в отношении этого небольшого фрагмента кода. Первое: требуется помнить о том, что JavaScript является "слабо типизированным" языком. Это означает, что при определении переменных не требуется указывать, какого они типа: будут ли они числами, строками, объектами, и т.д. Во многих других языках необходимо делать это различие.

Второе: обратите внимание на точку с запятой ( ; ) в конце строки. Это говорит интерпретатору JavaScript , что вы закончили делать то, что делали в данный момент, - в нашем случае это задание значения 5 переменной apples . Хотя точка с запятой не является обязательной в JavaScript , лучше привыкнуть ее использовать.

Итак, мы определили в коде, что имеется 5 яблок. Что дальше? Информация о яблоках имеется в коде, но никто об этом не знает. Надо сообщить о яблоках! Одним из наиболее распространенных методов вывода простого сообщения пользователю является отправка уведомления ( alert ):

var apples = 5;

alert('Имеется ' + apples + ' яблок!');

Если протестировать этот сценарий, то на экране появится окно с сообщением " Имеется 5 яблок! " Сейчас подходящее время, чтобы ввести строки ( String ) и так называемую конкатенацию или соединение строк. Строка является просто небольшим фрагментом текста и может содержать любой текст. В JavaScript мы сообщаем коду, что имеется строка, заключая ее в одиночные или двойные кавычки ( " или ' ). Можно использовать любой тип кавычек. Знаки плюс ( + ) в примере выше сообщают коду, что мы соединяем строку с предыдущей строкой.

Итак мы имеем строку " Имеется " за которой следует переменная apples (равная 5 ), за которой следует еще одна строка " яблок! ". Соединим их вместе и получим " Имеется 5 яблок! ". Команда alert получает то, что ей передается (то, что находится между скобок) и открывает окно с текстом.

Что если мы хотим предложить пользователю съесть яблоко? Можно, например, спросить, сколько яблок он хотел бы съесть:

var apples = 5;

alert('Имеется ' + apples + ' яблок!');

var eat = prompt('Сколько яблок вы хотите съесть?', '1');

prompt является другой встроенной функцией, аналогичной alert . Однако вместо простого вывода информации она также получает ввод от пользователя. В данном случае мы спрашиваем у пользователя, сколько яблок он хотел бы съесть. '1' в коде сообщает функции prompt , что значением по умолчанию для количества яблок будет 1 , так как люди обычно едят только одно яблоко за раз. Однако пользователь может изменить это значение на любое другое. Когда пользователь щелкнет на кнопке OK , переменной eat будет задано значение этого ввода. Поэтому если пользователь введет 2 , то eat будет равно 2 .

Поэтому, если пользователь съел 2 яблока, то останется 3 , так? Поэтому выполним несколько простых математических операций и покажем результат.

var apples = 5;

alert('Имеется ' + apples + ' яблок!');

var eat = prompt('Сколько яблок вы хотите съесть?', '1');

apples -= parseInt(eat);

alert('А теперь имеется только' + apples + ' яблок!');

Здесь мы видим два новых элемента. Прежде всего, обращение к функции parseInt , которая получает строку и возвращает число. Так как для выполнения математических операций требуются числа, то это гарантирует, что мы имеем число. Если пользователь введет в поле 2 , то parseInt превратит это в число 2 .

Затем, оператор -= , который означает вычитание из левой части оператора значения правой части. Поэтому значение переменной eat вычитается из переменной apples . Можно также записать эту строку следующим образом:

apples = apples - parseInt(eat);

Это означает в точности то же самое и может быть немного легче для понимания. Теперь, когда известно, сколько осталось яблок, мы еще раз сообщаем пользователю эту информацию.

Существуют другие операторы, подобные -= , которые делают похожие вещи. Всего имеется 8 обычных арифметических операторов:

+

-

/

*

+=

-=

/=

*=

Вот и все для начала. В следующей лекциимы добавим в код проверку, введем операторы if и else и вкратце познакомимся с функциями.

При тестировании сценария, написанного в предыдущей лекции, можно заметить, что результат, получаемый из prompt , требует некоторой проверки. Когда сценарий спрашивает, сколько яблок желает съесть пользователь, то пользователь может ввести число больше 5 , меньше 0 или что-то, что вообще не является числом. В каждом из таких случаев желательно информировать пользователей, что введено недопустимое значение.