Компьютерная программа — это набор инструкций, которые должен выполнить компьютер.
В языках программирования такие программные инструкции называются выражениями.
Программа на JavaScript — это набор программных выражений.
Пример:
var x, y, z; // Выражение 1
x = 5; // Выражение 2
y = 6; // Выражение 3
z = x + y; // Выражение 4
В HTML программа на JavaScript выполняется веб-браузером.
Выражения JavaScript
Выражения JavaScript состоят из: значений, операторов, операндов, ключевых слов и комментариев.
Выражение, приведенное в следующем примере, говорит браузеру, что нужно вывести строку "Привет!" внутри HTML элемента с идентификатором id="demo":
document.getElementById("demo").innerHTML = "Привет!";
Выражения в программе на JavaScript выполняются последовательно, друг за другом, в том порядке, в котором они написаны.
JavaScript программу (и JavaScript выражения) часто называют JavaScript кодом.
Точка с запятой ;
Точка с запятой (;) разделяет выражения JavaScript.
Добавляйте точку с запятой после каждого исполняемого выражения:
var a, b, c; // Декларирует три переменные
a = 5; // Присваивает значение 5 переменной a
b = 6; // Присваивает значение 6 переменной b
c = a + b; // Вычисляет сумму значений переменных a и b и результат присваивает переменной c
При использовании точки с запятой, можно размещать несколько выражений на одной строке:
a = 5; b = 6; c = a + b;
В сети можно встретить Javascript программы, где точка с запятой не используется.
Действительно, использование точки с запятой в конце выражения не обязательно, но настойчиво рекомендуется.
Пробелы в JavaScript
JavaScript игнорирует множественные пробелы. Тем не менее, для улучшения читаемости кода вы можете по желанию добавлять пробелы в свой скрипт.
Следующие строки эквивалентны:
var person = "Петр";
var person="Петр";
Считается хорошей практикой добавлять пробелы до и после операторов ( = + - * / ):
var x = y + z;
Длина строки и перенос на новую строку
Для лучшей читаемости программисты часто избегают писать строки кода длиннее 80 символов.
Если выражение JavaScript получается слишком длинным, то его можно перенести на новую строку. Обычно это делают сразу после оператора:
document.getElementById("demo").innerHTML =
"Привет!";
Блоки кода JavaScript
Выражения JavaScript могут группироваться в блоки кода. Это делается путем размещения группируемых выражений внутри фигурных скобок {...}.
Блоки кода предназначены для определения выражений, выполняемых вместе.
Одно из мест где можно встретить выражения, сгруппированные в блоки, это функции JavaScript:
function myFunction() {
document.getElementById("demo1").innerHTML = "Привет!";
document.getElementById("demo2").innerHTML = "Как дела?";
}
Обычно для визуального выделения блоков кода перед сгруппированными выражениями ставят несколько пробелов.
Более подробно о функциях вы узнаете немного позже.
Ключевые слова JavaScript
Очень часто в выражениях JavaScript используются ключевые слова, которые приказывают JavaScript выполнить некие действия.
В следующей таблице представлены некоторые ключевые слова, о которых вы узнаете в этом учебнике:
Ключевое слово | Описание |
---|---|
break | Прерывает цикл или проверку по команде switch |
continue | Прекращает текущую итерацию цикла и продолжает выполнение со следующей итерации |
debugger | Останавливает выполнение скрипта JavaScript и вызывает (если возможно) функцию отладки |
do ... while | Создает цикл с проверкой условия после каждой итерации |
for | Создать цикл, указав начальное состояние, условие и операцию обновления состояния |
function | Декларирует функцию |
if ... else | Выполняет тот или иной блок кода в зависимости от того, верно ли условие |
return | Завершает функцию |
switch | Сравнивает значение выражения с различными вариантами и при совпадении выполняет соответствующий код |
try ... catch | Реализует обработку ошибки при выполнении блока выражений |
var | Декларирует переменную |
Ключевые слова зарезервированы за языком JavaScript. Эти слова нельзя использовать в качестве имен переменных или функций.