Стать программистом. Часть 2. Основы JavaScript для абсолютных новичков!

Доброго времени суток, друзья!

В прошлом уроке https://golos.id/ru--obrazovanie/@rassen/stat-programmistom-osnovy-javascript-dlya-absolyutnykh-novichkov мы рассмотрели необходимые инструменты для изучения JavaScript, научились связывать наш index.html файл c файлом core.js, а также проверили работоспособность наших фалов путем вывода окна сообщения через конструкцию

alert('привет JavaScript!');

На этом шаге не должно было возникнуть каких-либо трудностей, и я предлагаю двигаться дальше.

Урок 2. Некоторые особенности синтаксиса.

Прежде, чем приступить к созданию кода, нам необходимо обратить внимание на некоторые моменты в синтаксисе языка. Требуется понимать, что в JavaScript, также, как и в любом другом языке существуют определенные синтаксические правила. Их не много и они простые, но в то же время очень важные. Поэтому давайте их рассмотрим:

1.Табуляции и пробелы, во время исполнения кода будут игнорироваться.

Т.е. теоретически весь код может быть написан в одну строку и, если в нем не было допущено опечаток и логических ошибок, код будет выполнен.
Пример:

alert('привет JavaScript!');        alert('привет JavaScript!');

аналогичен

alert('привет JavaScript!'); 
alert('привет JavaScript!');

Однако, переносы на новые строки зрительно легче воспринимается, особенно когда кода много, поэтому мы будем использовать именно вариант с переносами. Отсюда вытекает следующее правило:

2. Переносы на новые строки НЕ игнорируются при исполнении кода. Любая логически завершенная строчка кода должна заканчиваться точкой с запятой.

Лучше сразу себя приучить ставить точку с запятой в конце каждой строки.
Пример:

alert('привет JavaScript!'); 
alert('привет JavaScript!');

Здесь мы видим две строчки кода и обе заканчиваются символом «;». Стоит учитывать, что всего лишь одна пропущенная в нужном месте точка с запятой способна сломать весь ваш труд в мгновение ока.

3. Обратный слеш. Это вот такой символ “\”. Игнорирует перенос на следующую строку.

Пример:

'привет \
             JavaScript';

'привет
          JavaScript';

Первый вариант будет выполнен именно благодаря обратному слешу. А вот второй, который без слеша, выдаст ошибку.
Прием с обратным слешем бывает полезен, в случае, когда Вам необходимо, к примеру, разбить длинную строчку кода на части. Использовать его без надобности не стоит.

4. Перенос на следующую строку внутри незавершенных выражений Игнорируется.

Это, пожалуй, самое спорное правило из всех перечисленных. И бОльшую его часть мы разберем в процессе обучения. Не будем сейчас сыпать терминологией. Наша задача сделать все это как можно доступнее для понимания. Поэтому возьмем для начала широко, а затем постепенно будем разбирать частности. Но привести пример, чтобы стало ясно, о чем идет речь, мы все-таки можем.
Пример:

1 + (2
+ 3)  

В примере сверху мы видим обычное математическое выражение. (В языке программирования, зачастую, действуют те же правила, что и в обычной математике. Т.е. сначала будет выполнена операция внутри скобок, а затем уже все остальное).
Обратите внимание, после цифры 2 идет перенос строки, однако тут сработает 4 правило синтаксиса. И так как операция 2 + 3 является отдельным выражением (обернуто в круглые скобки), перенос на новую строку игнорируется и код будет выполнен.

Продолжение следует…