空值合并运算符（??）返回第一个非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 中用于处理 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空值合并运算符逻辑的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1534214.html
微信扫一扫 
支付宝扫一扫 
