Структура кода
Программа состоит из отдельных инструкций – действий, которые JavaScript выполняет одно за другим. В простом коде выполнение идёт сверху вниз: сначала первая инструкция, затем вторая, затем третья.
Инструкции мы будем заканчивать точкой с запятой ;. JavaScript во многих случаях умеет обходиться и без неё – движок мысленно добавит её сам, – но существуют исключения, к которым вернёмся позже, когда вы будете знать больше синтаксиса. В курсе пишем ; явно – так код читается однозначнее.
Для движка разницы нет – обе программы работают одинаково:
console.log('раз');console.log('два');console.log('раз')console.log('два')Комментарий – текст для людей, движок его полностью пропускает. Однострочный начинается с // и живёт до конца строки – его удобно писать и после кода, в той же строке. Многострочный открывается /* и закрывается */ – может занимать сколько угодно строк.
Выбор между ними простой: короткую пометку в одну строку пишут через //, а когда пояснение занимает несколько строк – через /* ... */, чтобы не начинать каждую строку заново.
// однострочный: до конца строкиconsole.log('раз'); // можно и после кода/* многострочный: сколько угодно строк */console.log('два');В реальном коде особенно полезны комментарии, которые объясняют, почему принято то или иное решение. Пересказывать каждую очевидную строку обычно не нужно:
// порог 1000 – из договора с курьерской службойconsole.log('Бесплатно от 1000 ₽');// выводим сообщение о доставкеconsole.log('Бесплатно от 1000 ₽');Комментарий пригодится и при поиске проблемы: если закомментировать строку, движок её пропустит. Так строку можно временно выключить, запустить программу без неё и посмотреть, что изменится:
console.log('раз');// console.log('два');console.log('три');Пустые строки и отступы помогают увидеть структуру программы. В наших простых примерах они не меняют результат:
console.log('раз');console.log('два');Пустую строку можно использовать, чтобы отделить одну смысловую часть от другой:
// приветствиеconsole.log('Привет!');console.log('Это курс JavaScript.');// счётconsole.log(2 + 2);console.log(10 - 3);// теперь вы знаете
- В простом коде инструкции выполняются сверху вниз, одна за другой
- Простые инструкции в курсе заканчиваем ; и обычно пишем с новой строки
- // и / ... / создают комментарии – JavaScript их не выполняет
- Пустые строки и отступы помогают человеку видеть структуру программы
Что изменится, если в простой программе из нескольких console.log убрать все точки с запятой?
Отметьте корректные комментарии JavaScript.
Выбери все верные варианты
Какой комментарий полезнее в реальном коде?