Синтаксис JavaScript

В HTML инструкции JavaScript выполняются веб-браузером “исполнение”.

Пример

var x, y, z; // инструкция 1
x = 22; // инструкция 2
y = 11; // инструкция 3
z = x + y; // инструкция 4

Попробуйте сами

JavaScript-программы

компьютерная программаявляются последовательностью инструкций, выполняемых компьютером “исполнение”.

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

JavaScript-программыявляется последовательностью программированияинструкция。

Комментарий:В HTML JavaScript-программы выполняются веб-браузером.

Синтаксис JavaScript

Предложения JavaScript состоят из следующего:

Значения, операторы, выражения, ключевые слова и комментарии.

Это предложение говорит браузеру вывести "Hello Kitty" в HTML-элементе с id="demo":

Пример

document.getElementById("demo").innerHTML = "Hello Kitty.";

Попробуйте сами

Большинство программ JavaScript содержат множество предложений JavaScript.

Эти предложения выполняются по порядку их написания.

Комментарий:Программа JavaScript (и предложения JavaScript) часто называют кодом JavaScript.

Точка с запятой ;

Точка с запятой разделяет предложения в JavaScript.

Добавьте точку с запятой после каждого выполняемого предложения：

a = 5;
b = 6;
c = a + b;

Попробуйте сами

Если разделены точками с запятой, разрешается писать несколько предложений на одной строке：

a = 5; b = 6; c = a + b;

Попробуйте сами

Вы можете видеть примеры без точки с запятой в Интернете.

Примечание：Конец предложения точкой с запятой не обязателен, но мы все же настоятельно рекомендуем это делать.

Пробельные символы в JavaScript

JavaScript пропускает несколько пробелов. Вы можете добавить пробелы в скрипт, чтобы улучшить его читаемость.

Эти две строки равны:

var person = "Bill";
var person="Bill";

Добавление пробела около оператора ( = + - * / ) - это хорошая привычка:

var x = y + z;

Длина строки и переливание в JavaScript

Для достижения наилучшей читаемости программисты часто предпочитают ограничивать длину строки кода 80 символами.

Если JavaScript-продолжение слишком длинное, лучшее место для его переливания - это某个 оператор：

Пример

document.getElementById("demo").innerHTML =
 "Hello Kitty.";

Попробуйте сами

Кодовый блок JavaScript

Сложения в JavaScript можно определить с помощью фигурных скобок ({...}）группируются в кодовом блоке.

Функция кодового блока заключается в определении выполнения нескольких предложений.

Вы увидите, что в JavaScript предложения группируются в блоки:

Пример

function myFunction() {
    document.getElementById("demo").innerHTML = "Hello Kitty.";
    document.getElementById("myDIV").innerHTML = "How are you?";
}

Попробуйте сами

Комментарий:В этом руководстве мы используем отступ в 4 пробела для кодовых блоков.

Примечание：Вы узнаете больше о функциях в этом курсе позже.

Ключевые слова JavaScript

Запросы JavaScript часто идентифицируются с помощью ключевых слов для выполнения действий JavaScript.

Ниже приведена таблица с частью ключевых слов, которые будут изучены в этом курсе:

Ключевые слова Описание
break Прекратить switch или цикл.
continue Выход из цикла и начало с вершины.
debugger Прекратить выполнение JavaScript и вызвать функцию отладки (если доступна).
do ... while Выполнение блоков заявлений, повторение кода блока при истинном условии.
for Маркировка блоков заявлений, которые необходимо выполнить, пока условие истины.
function Указание функции.
if ... else Маркировка блоков заявлений, которые необходимо выполнить, в зависимости от某个 условия.
return Выход из функции.
switch Маркировка блоков заявлений, которые необходимо выполнить, в зависимости от различных ситуаций.
try ... catch Реализация обработки ошибок для блоков заявлений.
var Указание переменных.

Комментарий:Ключевые слова JavaScript указывают на сохраненные слова. Сохраненные слова не могут использоваться в качестве имен переменных.

Дополнительное чтение

Давайте JavaScript на высшем уровне: Грамматика ECMAScript