Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-26

1 Посмотрите на код ниже и попробуйте угадать, что будет напечатано на экран:

2 Правильный ответ: 1

3 ОператорИЛИработает так, что его выполнение (слева направо) прерывается и возвращается результат первого аргумента, который можно преобразовать в true. Если первый аргумент невозможно преобразовать в true, то возвращается второй, даже если его нельзя преобразовать в true.

4 Ниже пример с операторомИ:

5 ОператорИработает так, что его выполнение (слева направо) прерывается и возвращается результат первого аргумента, который можно преобразовать в false.

6 В JavaScript есть два простых правила, по которым происходят преобразования:

7 <ul><li>0, '' (пустая строка), undefined, NaN, null приводятся к false. Эти значения называютfalsy.</li>

8 <li>Все остальное приводится к true</li>

9 </ul>Этим активно пользуются в разработке, например, для определения значения по умолчанию:

10 Если name примет одно из falsy-значений, константе value будет присвоена пустая строка. В этом случае в последующем коде мы сможем работать с value как со строкой.

11 Но здесь есть потенциальный баг. Если name содержит falsy-значение, а присваивание константе value значений типа 0, undefined, NaN или null допустимо, то код выше начнет работать неверно:

12 В одном из уроков мы рассмотрели операторы сравнения === и !== и упомянули, что в JavaScript так же есть операторы == и !=, но их не стоит использовать. Отличия как раз заключаются в преобразовании типов:

13 Пустая строка и false - это разные значения, поэтому оператор === говорит "ложь! они не равны!". Но оператор == преобразует типы, и с его точки зрения пустая строка и false равны. Это преобразование неявное, поэтому по возможности избегайте операторов == и !=.

14 Вспомните операцию отрицания:

15 При двойном отрицании !! итоговое значение равно начальному:

16 Но здесь дополнительно может происходить преобразование типа. Поэтому результатом двойного отрицания всегда будет значение типаboolean. Этим приемом иногда пользуются, чтобы поменять тип данных.

17 <h2>Ошибка выбора</h2>

18 Представьте себе задачу, в которой нам нужно проверить, что значение равно либо одному, либо другому. Например, переменная value должна содержать одно из двух значений: first или second. Начинающие разработчики иногда записывают это выражение так:

19 В голове мы это себе примерно так и представляем, но языки работают по-другому, поэтому такой код приведет к неверному результату. Как его правильно прочитать? Мы должны вспомнить приоритет выполнения операций. Первым делом вычисляется все что указано в скобках, то есть 'first' || 'second'. Если выполнить этот код в репле, то вывод будет таким:

20 Теперь мы можем заменить исходное выражение на частично вычисленное:

21 Совсем не то, что мы ожидали. А теперь вернемся к началу, и напишем проверку правильно: