Внимание! На этой странице вы найдете материал урока из архивного курса по JavaScript. Курс был написан в 2015 и по-прежнему актуален для начинающих веб-разработчиков.
Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.
Полный список уроков доступен по тегу Архивный курс по JavaScript и на странице первого урока.
Условные инструкции позволяют пропустить или выполнить другие инструкции в зависимости от значения указанного выражения. Так же их называют инструкции «ветвления». То есть интерпретатор будет выполнять ту «ветку», которая удовлетворяет условию.
Инструкция if
Инструкция if, это базовая управляющая инструкция, благодаря ей можно подсказывать интерпретатору, выполнять этот фрагмент кода или нет. Самый просто вид этой инструкции:
if (выражения/условие) {
инструкции...
}То есть, если выражение вернет true (истину), то инструкции выполняются. Если выражение вернет false (ложь), то инструкция пропускается. Далее рассмотрим пример:
if (a > b) {
document.write('a больше b');
}Второй вид инструкции if содержит конструкцию else, которая выполняется в том случае, если «выражение» вернет false (ложь). Далее вид этой инструкции, кстати, обозначается она так if-else:
if (выражение) {
инструкция 1...
}
else {
инструкция 2...
}Далее пример применения:
if (a > b) {
document.write('a больше b');
}
else {
document.write('b больше a');
}И как всегда нужна осторожность и внимательность. Я уже говорил, что если в блоке одна инструкция, то можно фигурные скобки не писать (так разрешено синтаксисом), но не рекомендую так делать, примером может быть следующий код:
if (выражение 1)
if (выражение 2)
инструкция 1
else
инструкция 2Конструкция else относится не ко второму if (судя по отступам ко второму if), а к первому if и дабы исправить эту ошибку, запишем код так:
if (выражение 1) {
if (выражение 2) {
инструкция 1
}
else {
инструкция 2
}
}В следующем уроке глубже погрузимся в ветвление с помощью конструкции if в JavaScript.
Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу JavaScript.
