Стать программистом. Часть 2. Основы JavaScript для абсолютных новичков!
Доброго времени суток, друзья!
В прошлом уроке https://golos.io/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 является отдельным выражением (обернуто в круглые скобки), перенос на новую строку игнорируется и код будет выполнен.
Продолжение следует…