Добавлено описание новых логических операторов: ||=, &&=

Author: Alexandre887

1-js/02-first-steps/11-logical-operators/article.md

@@ -1,6 +1,16 @@
 # Логические операторы
 
-В JavaScript есть четыре логических оператора: `||` (ИЛИ), `&&` (И) и `!` (НЕ), `??` (Оператор нулевого слияния). Здесь мы рассмотрим первые три, оператор `??` будет в следующей статье.
+В JavaScript есть семь логических операторов:
+
+- `||` (ИЛИ)
+  - `||=` (Оператор логического присваивания ИЛИ)
+- `&&` (И)
+  - `&&=` (Оператор логического присваивания И)
+- `!` (НЕ)
+- `??` (Оператор нулевого слияния)
+  - `??=` (Оператор нулевого присваивания)
+
+Здесь мы рассмотрим первые пять, операторы `??` и `??=` будет в следующей статье.
 
 Несмотря на своё название, данные операторы могут применяться к значениям любых типов. Полученные результаты также могут иметь различный тип.
 
@@ -64,7 +74,7 @@ if (hour < 10 || hour > 18 || isWeekend) {
 }
 ```
 
-## ИЛИ "||" находит первое истинное значение [#or-finds-the-first-truthy-value]
+### ИЛИ "||" находит первое истинное значение [#or-finds-the-first-truthy-value]
 
 Описанная выше логика соответствует традиционной. Теперь давайте поработаем с "дополнительными" возможностями JavaScript.
 
@@ -133,6 +143,76 @@ alert( undefined || null || 0 ); // 0 (поскольку все ложно, в
 
     Иногда люди используют эту возможность для выполнения инструкций только в том случае, если условие в левой части является ложным.
 
+## ||= (Логическое присваивание ИЛИ)
+
+[recent browser="new"]
+
+Оператор логического присваивания ИЛИ `||=` записывается как обычный ИЛИ `||` с добавлением символа приваивания `=`. Такая запись не случайна, так как результат выполнения данного оператора напрямую зависит от действий уже известного нам `||`.
+
+Вот его синтаксис:
+
+```js
+a ||= b;
+```
+
+Оператор `||=` принимает два операнда и выполняет следующие действия:
+
+- Вычисляет операнды слева направо.
+- Конвертирует `a` в логическое значение.
+- Если `a` ложно, присваивает `a` значение `b`.
+
+Концепция оператора `||=` заключается в «сокращённом вычислении», принцип работы которого мы разобрали ранее.
+
+Теперь давайте перепишем `a ||= b` под вид «сокращённого вычисления»:
+
+```js
+a || (a = b);
+```
+
+Мы уже знаем, что ИЛИ `||` возвращает *первое истинное значение*, поэтому, если `a` является таковым, вычисление до правой части выражения не дойдёт.
+
+Вот пример с очевидным использованием оператора `||=`:
+
+```js run
+let johnHasCar = false;
+
+johnHasCar ||= "У Джона нет машины!"; // то же самое, что false || (johnHasCar = "...")
+
+alert( johnHasCar ); // "У Джона нет машины!"
+```
+
+...А здесь происходит преобразование к логическому значению:
+
+```js run
+let manufacturer = ""; // оператор ||= преобразует пустую строку "" к логическому значению false
+
+manufacturer ||= "Неизвестный производитель"; // то же самое, что false || (manufacturer = "...")
+
+alert( manufacturer ); // "Неизвестный производитель"
+```
+
+Оператор логического присваивания ИЛИ `||=` -- это «[синтаксический сахар](https://ru.wikipedia.org/wiki/Синтаксический_сахар)», добавленный в язык в качестве более короткого варианта записи `if`-выражений с присваиванием.
+
+Мы можем переписать приведённые выше примеры с использованием обычного `if`:
+
+```js run
+let johnHasCar = false;
+
+if (johnHasCar == false) {
+  johnHasCar = "У Джона нет машины!";
+}
+
+alert(johnHasCar); // "У Джона нет машины!"
+
+let manufacturer = "";
+
+if (manufacturer == false) {
+  manufacturer = "Неизвестный производитель";
+}
+
+alert(manufacturer); // "Неизвестный производитель"
+```
+
 ## && (И)
 
 Оператор И пишется как два амперсанда `&&`:
@@ -170,7 +250,7 @@ if (1 && 0) { // вычисляется как true && false
 ```
 
 
-## И "&&" находит первое ложное значение
+### И "&&" находит первое ложное значение
 
 При нескольких подряд операторах И:
 
@@ -244,6 +324,50 @@ if (x > 0) alert( 'x больше нуля!' );
 Несмотря на то, что вариант с `&&` кажется более коротким, `if` более нагляден и, как правило, более читабелен. Поэтому мы рекомендуем использовать каждую конструкцию по назначению: использовать `if`, если нам нужно `if`, и использовать `&&`, если нам нужно ИЛИ.
 ````
 
+## &&= (Логическое присваивание И)
+
+[recent browser="new"]
+
+Оператор логического присваивания И `&&=` записывается как два амперсанда `&&` и символ присваивания `=`.
+
+Вот его синтаксис:
+
+```js
+a &&= b;
+```
+
+Принцип действия `&&=` практически такой же, как и у оператора логического присваивания ИЛИ `||=`. Единственное отличие заключается в том, что `&&=` присвоит `a` значение `b` только в том случае, если `a` *истинно*.
+
+Концепция оператора логического присваивания И `&&=` также основывается на «сокращённом вычислении»:
+
+```js
+a && (a = b);
+```
+
+Пример использования:
+
+```js run
+let greeting = "Привет"; // строка непустая, поэтому будет преобразована к логическому значению true оператором &&=
+
+greeting &&= greeting + ", пользователь!"; // то же самое, что true && (greeting = greeting + "...")
+
+alert( greeting ) // "Привет, пользователь!"
+```
+
+Так как оператор логического присваивания И `&&=` также как и `||=` является «синтаксическим сахаром», мы можем без проблем переписать пример выше с использованием привычного для нас `if`:
+
+```js run
+let greeting = "Привет";
+
+if (greeting) {
+  greeting = greeting + ", пользователь!"
+}
+
+alert( greeting ) // "Привет, пользователь!"
+```
+
+На практике, в отличие от `||=`, оператор `&&=` используется достаточно редко -- обычно, в комбинации с более сложными языковыми конструкциями, о которых мы будем говорить позже. Подобрать контекст для применения данного оператора -- довольно непростая задача.
+
 ## ! (НЕ)
 
 Оператор НЕ представлен восклицательным знаком `!`.