мое новое расписание: пн-пт с 8.00 по 16.00 по москве, сб и вс - выходные; после 16.00 и на вых. отвечаю по возможности

Сокращенный синтаксис if-else в JavaScript

В данном уроке мы с вами изучим, какие варианты сокращений допускает конструкция if-else.

Необязательность конструкции else

Для начала вам следует знать, что конструкция else не является обязательной.

В следующем примере на экран выведется алерт только в том случае, если значение переменной равно 1. В противном случае просто ничего не случится:

let test = 1; if (test == 1) { alert('yes'); }

Если переменная test равна 10, то пусть на экран выведется слово 'верно'. В противном случае пусть ничего не произойдет.

Необязательность фигурных скобок

В случае, если в фигурных скобках if или else будет только одно выражение, можно эти фигурные скобки не писать.

Пусть, к примеру, дан вот такой код со всеми скобками:

if (test == 0) { alert('верно'); } else { alert('неверно!'); }

Можно сократить его вот так:

if (test == 0) alert('верно'); else alert('неверно!');

Или так:

if (test == 0) { alert('верно'); } else alert('неверно!');

Можно также убрать все скобки, но оформить все не в линию, а вот так:

if (test == 0) alert('верно'); else alert('неверно!');

Перепишите следующий код в сокращенной форме:

if (test == 0) { alert('верно'); } else { alert('неверно!'); }

Перепишите следующий код в сокращенной форме:

if (test == 0) { alert('верно'); }

Замечание

Не смотря на то, что JavaScript допускает показанные выше сокращения с фигурными скобками, я в общем-то не рекомендую так делать, так как это рассадник трудноуловимых ошибок.

Пусть к примеру есть следующий код:

let test = 3; if (test > 0) alert(test);

Пусть теперь мы решили в том случае, если условие выполняется, выводить еще и второй алерт с текстом 'верно':

let test = 3; if (test > 0) alert(test); alert('верно');

Однако, без фигурных скобок внутри условия находится только первый алерт, то есть первый алерт будет срабатывать при верном условии, а второй алерт - всегда.

Фактически наш код эквивалентен такому:

let test = 3; if (test > 0) { alert(test); } alert('верно'); // эта строка оказалась снаружи условия

А мы бы хотели такой код:

let test = 3; if (test > 0) { alert(test); alert('верно'); // эта строка внутри условия }

Именно поэтому рекомендуется всегда выполнять расстановку фигурных скобок, дабы не попадать в такого рода ошибки.