JavaScript中逻辑赋值运算符的适用场景与使用原因

逻辑赋值运算符（&&=、||=、??=）是逻辑运算符与赋值操作的语法糖，核心价值是简化条件赋值代码，让业务意图更直观，以下是它们的核心适用场景：

1. 给变量设置“假值兜底”（||=） #

当你需要给变量赋默认值，且仅在变量当前为假值（undefined、null、空字符串、0、false等）时生效，||=能把判断和赋值合并成一行，省去冗余的if语句。

普通写法：

let nickname = user.nickname;
if (!nickname) {
  nickname = '匿名用户';
}

用||=简化：

let nickname = user.nickname;
nickname ||= '匿名用户';

这种写法直接表达“如果nickname是假的，就替换成'匿名用户'”的意图，代码更紧凑。

2. 仅在变量为真值时更新赋值（&&=） #

当你只想在变量当前为真值时执行赋值操作（避免覆盖有效假值），&&=能省去多余的条件判断，让逻辑更简洁。

普通写法：

let currentTask = getCurrentTask();
if (currentTask) {
  currentTask = markTaskAsCompleted(currentTask);
}

用&&=简化：

let currentTask = getCurrentTask();
currentTask &&= markTaskAsCompleted(currentTask);

只有currentTask存在（真值）时，才会调用更新函数并赋值，逻辑清晰且代码更短。

3. 精准处理null/undefined的兜底赋值（??=） #

||=会把0、''、false这类合法假值也当成需要替换的情况，但如果业务逻辑中这些假值是有效的，就需要用??=——它仅在变量为null或undefined时才赋值。

比如处理数字类型的默认值：
普通写法：

let productStock = product.stock;
if (productStock === null || productStock === undefined) {
  productStock = 0;
}

用??=简化：

let productStock = product.stock;
productStock ??= 0;

这样即使productStock是0（合法库存值），也不会被错误替换，完美适配需要保留合法假值的场景。

4. 嵌套对象的属性初始化 #

在处理多层嵌套对象时，逻辑赋值能快速完成属性的默认初始化，避免繁琐的存在性判断。

普通写法：

if (!user.profile) {
  user.profile = {};
}
if (!user.profile.address) {
  user.profile.address = '未填写';
}

用逻辑赋值简化：

user.profile ??= {};
user.profile.address ??= '未填写';

这种写法大幅减少了嵌套判断的代码，让对象初始化逻辑更直观。

内容的提问来源于stack exchange，提问作者Abdul Rehman