JavaScript空值合并运算符逻辑-js教程-PHP中文网

JavaScript空值合并运算符逻辑

betcha

发布： 2025-10-31 21:58:01

原创

802人浏览过

空值合并运算符（??）返回第一个非nullish值，即左侧不为null或undefined时返回左侧，否则返回右侧。例如null ?? 'default'输出'default'，而'hello' ?? 'default'输出'hello'。与逻辑或（||）不同，??仅在左侧为null或undefined时使用右侧值，而||会在左侧为任何假值（如0、''、false）时使用右侧值。因此0 || 'fallback'结果为'fallback'，但0 ?? 'fallback'结果为0。这使得??在设置默认值时更安全，尤其适用于处理对象属性、函数参数或API返回的可选字段，避免误将有效假值替换。例如const user = { name: 'Alice', age: null }; user.name ?? 'Anonymous'得'Alice'，user.age ?? 18得18。该运算符精准处理nullish值，提升代码健壮性。

javascript空值合并运算符逻辑

空值合并运算符（??）是 JavaScript 中用于处理 null 和 undefined 的逻辑操作符。它返回第一个“非 nullish”值，也就是说，只有当左侧的值是 null 或 undefined 时，才会返回右侧的值。

基本语法与行为

表达式形式为：
leftExpr ?? rightExpr

如果 leftExpr 不是 null 也不是 undefined，就返回 leftExpr；否则返回 rightExpr。

例子：

立即学习“Java免费学习笔记（深入）”；

const foo = null ?? 'default';
console.log(foo); // 输出：'default'

const bar = 'hello' ?? 'default';
console.log(bar); // 输出：'hello'

const baz = undefined ?? 42;
console.log(baz); // 输出：42

与逻辑或（||）的区别

|| 运算符基于“真值性”判断，只要左侧是假值（如 0、''、false、null、undefined 等），就会使用右侧值。

?? 只关心是否为 null 或 undefined，其他假值都会被接受。

算家云

高效、便捷的人工智能算力服务平台

查看详情

对比示例：

const value1 = 0 || 'fallback'; // 结果是 'fallback'
const value2 = 0 ?? 'fallback'; // 结果是 0

在配置默认值时，如果你希望保留像 0 或空字符串这样的有效值，?? 更安全。

使用场景建议

适合用于设置默认值，尤其是从对象中读取可能缺失的属性时。

从函数参数或配置对象中获取值
处理 API 返回数据中的可选字段
避免因 null/undefined 导致的运行时错误

例如：

const user = { name: 'Alice', age: null };
const displayName = user.name ?? 'Anonymous'; // 'Alice'
const displayAge = user.age ?? 18; // 18，因为 age 是 null

基本上就这些。空值合并运算符让处理 nullish 值更精确，避免误判有效假值。不复杂但容易忽略细节。

以上就是JavaScript空值合并运算符逻辑的详细内容，更多请关注php中文网其它相关文章！