Выражения Javascript

Компьютерная программа — это набор инструкций, которые должен выполнить компьютер.

В языках программирования такие программные инструкции называются выражениями.

Программа на 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. Эти слова нельзя использовать в качестве имен переменных или функций.