Итак, VS Code настроен, первое знакомство с JavaScript прошло успешно и даже познакомились немного с консолью в веб-браузере. Теперь приступим к следующему шагу — рассмотрим чуть подробнее структуру кода программы на JavaScript.
Инструкции
Инструкция в JavaScript — это языковые конструкции (команды), выполняющие какие-либо действия. Например,
alert("Hello, world");
это инструкция JavaScript, выводящая сообщение в окне браузера. Инструкции разделяются точкой с запятой (;). Например:
alert("Hello, world");
alert("Привет, мир!");
здесь две инструкции отделены точкой с запятой. Также инструкции могут располагаться на одной или нескольких строках. Пример многострочной инструкции:
document.write(2 +
3 -
1);
Здесь инструкция располагается сразу на трех строках. В результате, на страницу будет выведен результат — 4. Возможно, что в погоне за скоростью написания кода на JavaScript или просто для удобства, в JavaScript ингода можно не ставить точку с запятой между инструкциями, например, следующий код будет работать как и задумано — выведет два сообщения:
alert("Hello, world")
alert("Привет, мир!")
В данном случае происходит «магия» под названием автоматическая вставка точки с запятой. То есть, когда движок JavaScript будет обрабатывать наш код, то он будет выглядеть внутри движка примерно так:
alert("Hello, world"); alert("Привет, мир!");
Однако, не стоит увлекаться такой возможностью. В большинстве случаев, ваш код будет состоять не только из каких-то элементарных инструкций типа alert("hello") или document.write("hello"), но и содержать всевозможные циклы, объекты, массивы, которые мы, безусловно, будем изучать. И, если вы будете пренебрегать простым правилом: написал инструкцию — поставь точку с запятой, то с большой долей вероятности вы столкнетесь с ошибками, которые вам будет очень сложно увидеть в коде.
Комментарии
Программы на JavaScript могут насчитывать тысячи различных инструкций, располагаться в десятках отдельных файлах и бывает крайне сложно держать весь этот код в голове и помнить, какая чать кода за что отвечает и как работает. Для таких случаев, в JavaScript используются комментарии.
Комментарий в исходном коде — это специальным образом оформленный текст внутри исходного кода, который никак не исполняется и служит основной цели — сделать код более понятным для человека.
Также, с помощью комментариев можно временно «отключить» часть кода, чтобы он не выполнялся.
В JavaScript используются однострочные и многострочные комментарии. Однострочный комментарий начинается с //. Пример однострочного комментария:
//выводим сообщение пользователю
alert('Hello');
let a = 1; //объявляем переменную и присваиваем ей значение 1
здесь мы видим два однострочных комментария. Первый комментарий располагается на отдельной строке, а второй — на строке с кодом JavaScript. Оба эти варианта написания однострочного комментария допустимы.
Иногда бывает необходимо написать комментарий на несколько строк. Например, сделать подробное описание какого-то участка кода. В этом случае можно воспользоваться многострочным комментарием, который начинается с /* и заканчивается на */. Например,
/* Это многострочный комментарий
который располагается
на трех строках */
alert('Hello');
Весь текст, расположенный между /* и */ будет интерпретирован как многострочный комментарий.
Блок инструкций
Блок инструкций — это ещё один «кирпичик» структуры кода. Более подробно мы об этой конструкции ещё поговорим, а пока запомним, что блок инструкций используется для группировки нескольких инструкций и отделяется парой фигурных скобок, например:
alert("JavaScript");
//ниже определяется блок инструкций
{
document.write("Текст из блока");
alert("hello")
}
Блоки инструкций часто используются в программировании, например, когда необходимо выполнить ряд инструкций только в том случае, если выполняется определенное условие.
Итого
Сегодня мы немного подробнее познакомились с языком JavaScript и разобрались с тем, что из себя представляют инструкции и комментарии. Не пренебрегайте явным использованием точки с запятой для отделения одной инструкции от другой и пишите комментарии к своему коду, чтобы можно было легко вспомнить, что вы сделали в том или ином участке кода, например, неделю назад.