现代JS：逻辑赋值运算符全解析

在文章实战开发的过程中，我们经常会遇到一些这样那样的问题，然后要卡好半天，等问题解决了才发现原来一些细节知识点还是没有掌握好。今天golang学习网就整理分享《现代JavaScript：逻辑赋值运算符详解》，聊聊，希望可以帮助到正在努力赚钱的你。

逻辑赋值运算符&&=、||=、??=可简化条件赋值：1. &&=在左侧为真值时赋值，适用于有值才更新；2. ||=在左侧为假值时赋值，常用于设置默认值；3. ??=仅当左侧为null或undefined时赋值，避免覆盖0或空字符串等合法值，提升代码安全性与可读性。

逻辑赋值运算符是现代 JavaScript 中简洁且实用的特性，它们结合了逻辑运算和赋值操作，能有效减少重复代码并提升可读性。这些运算符包括 &&=、||= 和 ??=，分别对应“与赋值”、“或赋值”和“空值合并赋值”。它们只在满足特定条件时才执行赋值，避免不必要的操作。

1. 逻辑与赋值（&&=）

该运算符仅在左侧操作数为真值（truthy）时，才会将右侧的值赋给变量。

适用场景：当你想在变量已有“有意义的值”时更新它，否则保持原状。

let user = { name: "Alice" };
user.name &&= "Bob";
console.log(user.name); // 输出 "Bob"

这里因为 user.name 原本是真值，所以被赋为 "Bob"。如果初始为假值，则不会赋值。

2. 逻辑或赋值（||=）

当左侧操作数为假值（falsy）时，才会执行赋值。这是最常见的默认值设置方式。

适合用于初始化未定义或空的变量。

let config = {};
config.timeout ||= 5000;
console.log(config.timeout); // 5000，因为原值为 undefined（falsy）

若 config.timeout 已有非零数值，就不会被覆盖。

3. 空值合并赋值（??=）

仅当左侧为 null 或 undefined 时才赋值，对其他假值如 0、空字符串不起作用。

更精确地处理“缺失值”，避免误覆盖合法但为假的值。

let settings = {
  volume: 0
};
settings.volume ??= 80;
console.log(settings.volume); // 仍为 0，因为 volume 不是 null 或 undefined

相比 ||=，??= 更安全，不会把 0 或 "" 当作需要替换的值。

基本上就这些。合理使用这三个逻辑赋值运算符，可以让代码更紧凑、语义更清晰，特别是在配置初始化和条件更新中非常实用。注意区分它们的触发条件，选择最合适的那一个。

理论要掌握，实操不能落！以上关于《现代JS：逻辑赋值运算符全解析》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！