当前位置：首页 > news >正文

JavaScript空值合并运算符

news 2025/8/21 16:30:44

The Nullish Coalescing Operator（空值合并运算符）是一种 JavaScript 的新运算符，用于解决默认值设定中存在的一些问题。它的语法为 ??（两个问号），表示当左侧的操作数为 null 或 undefined 时，返回右侧的操作数，否则返回左侧的操作数。

例如

const guestCorrect = restaurant.numGuests ?? 10;
console.log(guestCorrect);

在这里插入图片描述

但是空值并不包含0和空字符

restaurant.numGuests = 0;const guestCorrect = restaurant.numGuests ?? 10;
console.log(guestCorrect);

在这里插入图片描述

总结

const value1 = null ?? "default";
console.log(value1);  // 输出 "default"const value2 = "Hello" ?? "default";
console.log(value2);  // 输出 "Hello"const value3 = undefined ?? "default";
console.log(value3);  // 输出 "default"

可以看到，在上述示例中，第一个操作数为 null 或 undefined 时，空值合并运算符返回了第二个操作数，否则返回了第一个操作数。与传统的默认值设置方式相比，空值合并运算符能够区分 null 和 undefined，避免了一些可能的 bug。
需要注意的是，空值合并运算符仅对 null 和 undefined 进行默认值设置，而不包括其他 Falsy 值（如空字符串、0 和 false）。如果需要在默认值设定中考虑所有 Falsy 值，可以使用逻辑或运算符 ||。
例如：

javascriptCopy Codeconst value4 = "" || "default";
console.log(value4);  // 输出 "default"const value5 = 0 || "default";
console.log(value5);  // 输出 "default"const value6 = false || "default";
console.log(value6);  // 输出 "default"