В прошлой статье мы рассказывали вам об общем синтаксисе языка JavaScript. В этой же статье мы более подробно разберемся в работе некоторых инструкций, а также в их основном предназначении.
Сначала нужно ответить на вопрос: "нужно ли ставить точки с запятой?". Вообще да, но это не обязательно. Точки с запятой считаются правилом хорошего тона, а также позволяют избежать серьёзных ошибок при написании кода.
Точки с запятой обязательны не для всех инструкций. Если в коде допустим перенос на новую строку, то точки с запятой можно и не ставить. Кроме того, они не обязательны в блоках кода.
Блоки кода — отдельная часть кода, которая включает в себя несколько JavaScript команд. Часто их прописывают там, где должна находиться 1 JavaScript инструкция, но её одной может не хватить. Звучит странно, но в следующих статьях мы поговорим об этом подробнее.
Ещё одно применение точек с запятой — разделение скриптов. Чаще всего, перед выпуском готовой версии сайта, файлы с кодом сжимаются. Вследствие этого скрипты сжимаются в один JavaScript файл.
При сжатии таких файлов может возникнуть путаница, более того, в одном файле может содержаться несколько разных скриптов от разных разработчиков. Чтобы между ними не было путаницы и не возникали ошибки, разработчики принимают следующие меры:
На первый взгляд — обычный код, но как вы могли заметить в начале каждого блока проставлена точка с запятой. Именно она и разделяет разные скрипты в JavaScript файле
Логические инструкции в Javascript
Теперь давайте подробно разберемся в работе некоторых инструкций. Начнем мы с логических операторов.
Самая главная команда логической конструкции — if. Не нужно быть знатоком английского языка чтобы знать, что это слово переводится как «если».
Работа логической конструкции базируется на следующем принципе: «если соблюдается определенное условие, то будет выполнена следующая операция».
Кроме простого "если" существуют команды "иначе" и "иначе если". "Иначе" или else используется для создания простой логической конструкции из 2-х условий. Когда же применяется команда else if, то это говорит нам о том, что условий может быть много, от 3-х и более.
Пример сложной логической конструкции:
Самое главное — не забывайте заносить условие конструкции в круглые скобки. Может мы говорим банальные вещи, но для многих начинающих веб-разработчиков это является проблемой.
Кроме обычных логических конструкций можно создавать вложенные. Это как со списками в HTML — создаешь логический блок и внутри него создаешь ещё один, с двумя или более условиями(можно ограничиться и одним).
Команды циклов в Javascript
С логическими операторами разобрались, теперь давайте вернемся. Метод работы циклов также основывается на выполнении определенных условий. Единственное отличие в том, что при соблюдении условий в циклах, его команды могут выполняться неограниченное количество раз.
Для чего предназначены циклы? Их основная задача — повторение одного и того же кода определенное количество раз.
Существует 2 основных типа циклов:
- While;
- For;
Первый тип — while, работает пока заданное условие является верным. Проще говоря, если вы задали такое условие: "Переменная i меньше трех" — цикл будет выполняться пока переменная i меньше трех. Цикл зависит только от этой переменной, и если её не увеличивать до трех, цикл будет длиться бесконечно.
Есть ещё цикл "do… while" — практически одно и то же. Единственная разница в том, что в простом цикле while сначала проверяется условие, а уже потом совершается работа кода. Во втором случае всё наоборот — сначала начинает работать тело цикла, а уже потом совершается условие.
Второй тип — for, который является наиболее популярным среди всех JavaScript, и не только, разработчиков. Его условная конструкция выглядит так: «начало; условие; шаг».
- Начало — здесь вводится исходное значение условной переменной. Например — i=0.
- Условие — здесь вводится условие цикла. Например — i>3.
- Шаг — здесь вводится то значение, которое будет прибавляться к условной переменной или вычитаться из неё. Например — i++(i+=1).
Не обязательно прописывать каждое условие цикла, их можно и пропускать. Для этого достаточно поставить точку с запятой на том месте, где должно было находиться определенное условие. Можно убрать любую часть условия — начало, шаг и даже основное условие, но при этом получится бесконечный цикл.
Пару слов о комментариях в Javascript
При создании сайтов код часто увеличивается до больших размеров, кроме этого за него могут отвечать несколько разработчиков. Именно для этого и были придуманы комментарии. Они позволяют описывать ту или иную часть кода, чтобы он был более понятным и читабельным для других разработчиков.
Комментарии могут ставиться где угодно, никак не влияя на работу самого файла. Обработчик кода в JavaScript игнорирует комментарии полностью.
Заключение
В этой статье мы узнали основную информацию о работе циклов и условных конструкций, а также научились ставить комментарии.
Помните — JavaScript очень гибкий и сложный для изучения язык, а поэтому все наши советы и уроки могут применяться для самых различных вариантов разработки. Мы стараемся дать вам общую информацию о языке, но наши методы не являются единственно верными.
Удачи в изучении!