Первое, что мы изучим, — это строительные блоки кода.
Операторы — это синтаксические конструкции и команды, выполняющие действия.
Мы уже видели оператор alert('Hello, world!'), который показывает сообщение "Hello, world!".
Мы можем создавать столько операторов в нашем коде, сколько захотим. Операторы могут быть разделены точкой с запятой.
Например, здесь мы разделяем «Hello World» на два алерта:
alert('Hello'); alert('World');
Обычно операторы пишутся на отдельных строках, чтобы сделать код более читабельным:
alert('Hello'); alert('World');
точки с запятой
Точка с запятой может быть опущена в большинстве случаев, когда существует разрыв строки.
Это также будет работать:
- alert('Hello')
- alert('World')
Здесь JavaScript интерпретирует разрыв строки как «неявную» точку с запятой. Это называется автоматической вставкой точки с запятой.
В большинстве случаев новая строка подразумевает точку с запятой. Но «в большинстве случаев» не значит «всегда»!
Бывают случаи, когда новая строка не означает точку с запятой. Например:
alert(3 +
1
+ 2);
Код выводит 6, потому что JavaScript не вставляет здесь точку с запятой. Интуитивно очевидно, что если строка оканчивается плюсом «+», то это «неполное выражение», поэтому точка с запятой там будет некорректной. И в данном случае это работает так, как задумано.
Но бывают ситуации, когда JavaScript «не может» поставить точку с запятой там, где она действительно необходима.
Ошибки, возникающие в таких случаях, достаточно сложно найти и исправить.
Пример ошибки
Если вам интересно увидеть конкретный пример такой ошибки, посмотрите этот код:
alert("Hello");
[1, 2].forEach(alert);
Пока не нужно думать о значении скобок [] и forEach. Мы изучим их позже. А пока просто запомните результат выполнения кода: он показывает Hello, затем 1, затем 2.
Теперь давайте удалим точку с запятой после alert:
- alert("Hello")
- [1, 2].forEach(alert);
Разница по сравнению с кодом выше только в одном символе: точка с запятой в конце первой строки исчезла.
Если мы запустим этот код, отобразится только первое приветствие (и это ошибка, вам может потребоваться открыть консоль, чтобы увидеть ее). Номеров больше нет.
Это потому, что JavaScript не предполагает точку с запятой перед квадратными скобками [...]. Таким образом, код в последнем примере обрабатывается как один оператор.
Вот как это видит движок:
alert("Hello")[1, 2].forEach(alert);
Выглядит странно, правда? Такое слияние в данном случае просто неправильно. Нам нужно поставить точку с запятой после предупреждения, чтобы код работал правильно.Мы рекомендуем ставить точку с запятой между операторами, даже если они разделены символами новой строки. Это правило широко распространено в обществе. Еще раз отметим – в большинстве случаев можно опустить точку с запятой. Но безопаснее — особенно для новичка — использовать их.
#javascript #html #css #programming #coding #python #java #developer #programmer #webdeveloper