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


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

В прошлом уроке /ru--obrazovanie/@rassen/stat-programmistom-osnovy-javascript-dlya-absolyutnykh-novichkov мы рассмотрели необходимые инструменты для изучения JavaScript, научились связывать наш index.html файл c файлом core.js, а также проверили работоспособность наших фалов путем вывода окна сообщения через конструкциюalert('привет J JavaScript!');На эт шаге не должно было возникнуть каких-либо трудностей, и я предлагаю двигаться дальше.

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

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

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

Т.е. теоретически весь код может быть написан в одну строку и, если в нем не было допущено опечаток и логических ошибок, код будет выполнен.
Примеример:alert('привет JavaSaScript!'); alert('привет JavaScript!');налогиченalert('прививет JavaScript!'); alert('привет JavaScript!');`днак новые строки зрительно легче воспринимается, особенно когда кода много, поэтому мы будем использовать именно вариант с переносами. Отсюда вытекает следующее правило:

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

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

alert(‘прив```alert('привет JavaS‘aScript!'); alert('привет Jь мaScript!');```ки кода и обе заканчиваются символом «;». Стоит учитывать, что всего лишь одна пропущенная в нужном месте точка с запятой способна сломать весь ваш труд в мгновение ока. 

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

Пример:

‘привет \

'привpt’;
'привет
   ript';``vaScript';

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

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

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

1 + (2
+ 3)  

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

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


Comments 2


Ставьте ещё тэг #академия, чтобы @academy быстрее обратила на вас внимание.

01.02.2017 12:09
0

Благодарю, добавил

01.02.2017 12:10
0

Привет!

Этот пост был выбран Академией Голоса и попал в список программы поддержки качественных образовательных постов.
Ссылка на твой пост будет опубликована в отчете Академии.

Пожалуйста, в будущем сделай посты более содержательными и включай ссылки на дополнительные источники информации по теме.

Спасибо за полезный контент (ノ◕ヮ◕)ノ*:・゚✧

01.02.2017 19:33
0

Принял

02.02.2017 12:55
0

Привет! Очень удобно было бы, если б добавил быструю навигацию к постам (вперед-назад или просто ссылку на содержание), чтоб в каждом посте его не прокручивать. За уроки спасибо!

26.02.2017 20:24
0