Как логические операторы присваивания в JavaScript упрощают условное присваивание значений, и какие практические варианты использования есть для каждого оператора (||=, ??=, &&=)?

Обзор

Логические операторы присваивания объединяют логические операции с присваиванием, сокращая boilerplate в паттернах условного установления значений. Есть три оператора, каждый служит определённой цели.

Присваивание ИЛИ (||=)

Присваивает defaultValue только если x имеет falsy значение (false, 0, "", null, undefined, NaN).

Используй это, когда хочешь задать fallback для любого falsy значения.

• Заменяет: if (!x) x = defaultValue;
• Пример: установка имени пользователя по умолчанию, когда поле пустое или false

Присваивание Nullish (??=)

Присваивает defaultValue только если x строго null или undefined.

Используй это, когда 0 или "" — валидные значения, которые не должны перезаписываться.

• Заменяет: if (x == null) x = defaultValue;
• Пример: инициализация опции конфига только если она не была явно задана

Присваивание И (&&=)

Присваивает newValue только если x является truthy.

Используй это, когда хочешь обновить значение только если оно уже существует.

• Заменяет: if (x) x = newValue;
• Пример: обновление свойства объекта пользователя только если пользователь авторизован

Ключевые различия с первого взгляда

• ||= — срабатывает на любом falsy значении
• ??= — срабатывает только на null или undefined
• &&= — срабатывает только когда значение truthy

Зачем их использовать

Эти операторы делают намерение сразу понятным, устраняют избыточные ссылки на переменные и снижают риск случайных перезаписей — особенно важно при различении между «не задано» и «намеренно задано как falsy значение».