JavaScript逻辑赋值运算符（&&=、||=、??=）用于简化“仅满足特定条件时才赋值”的高频场景，提升简洁性、安全性与可读性，避免重复取值和误覆盖有效值。

JavaScript 引入逻辑赋值运算符（&&=、||=、??=）不是为了炫技，而是为了解决一个高频又容易写冗余的模式：**“仅在满足特定逻辑条件时才赋值”**。它们把原本需要 if 判断或三元表达式的操作，压缩成一行简洁、可读且安全的语句。

避免重复计算和冗余判断

传统写法常需先检查左侧值，再决定是否赋值，容易重复取值或调用函数：

• ❌ 冗余写法：if (user.name === null || user.name === undefined) { user.name = 'anonymous'; }
• ✅ 简洁等价：user.name ??= 'anonymous';

??= 只在左侧为 null 或 undefined 时才赋值，且 user.name 只被读取一次——既避免多次属性访问开销，也防止 getter 重复执行或副作用。

精准匹配不同“假值”语义

三种运算符对应三种常见意图，不再被迫用模糊的 || 替代所有场景：

• a ||= b：当 a 是 falsy（false、0、''、null、undefined、NaN）时才赋值 → 适合“有值就用，没值才兜底”
• a &&= b：当 a 是 truthy 时才把 b 赋给 a → 适合“仅当前值有效时才更新”（如链式配置）
• a ??= b：仅当 a 是 null 或 undefined 时才赋值 → 真正的“空值合并”，保留 0、false、'' 等有效值

例如：config.timeout ??= 5000 不会误把显式设为 0 的超时覆盖掉，而 config.timeout ||= 5000 就会。

提升可读性与减少出错

逻辑赋值是原子操作，语义明确，比手写条件逻辑更不易出错：

• ❌ 易错写法：if (obj.data) obj.data = transform(obj.data); —— 若 obj.data 是 0 或 false，会被跳过，但可能本意是“只要存在就转换”
• ✅ 清晰表达：obj.data &&= transform(obj.data); —— 明确表示“仅当原值为真时才更新”

没有括号歧义，没有忘记大括号的风险，也没有因缩进或分号缺失导致的隐蔽 bug。

兼容性好，现代开发可放心使用

所有主流浏览器（Chrome 85+、Firefox 79+、Safari 14+）及 Node.js 15+ 均已支持。配合 TypeScript 4.0+，还能获得准确的类型推导（如 ??= 后自动缩小联合类型）。构建工具（如 Babel）也支持按需降级，不影响旧环境兼容性。