现代J*aScript_逻辑赋值运算符_技术学堂

现代J*aScript_逻辑赋值运算符

发布时间：2025-11-22 22:17

发布者：网络

浏览次数：

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

现代javascript_逻辑赋值运算符

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

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

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

例如：

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

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

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

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

Avatar AI

AI成像模型，可以从你的照片中生成逼真的4K头像

92 查看详情 Avatar AI

示例：

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

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

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

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

举个例子：

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

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

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

以上就是现代J*aScript_逻辑赋值运算符的详细内容，更多请关注其它相关文章！