JavaScript中的?.和??分别是什么，能详细解释一下它们的作用和用法吗？

本文共计634个文字，预计阅读时间需要3分钟。

目录+? 操作符+?+ 操作符+总结+?+ 和+?+ 是JavaScript中的两个新操作符，分别是可选链操作符（optional chaining operator）和空值合并操作符（nullish coalescing operator）。可选链操作符（?）用于安全地访问嵌套对象属性，而空值合并操作符（??）用于在左侧表达式为null或undefined时，返回右侧表达式的值。

目录

• ?. 操作符
• ?? 操作符
• 总结

?.和??是 JavaScript 中的两个新操作符，分别是可选链操作符（optional chaining operator）和空值合并操作符（nullish coalescing operator）。

?. 操作符

?.可选链操作符用于访问可能为空或未定义的属性或方法，它允许我们安全地访问嵌套对象的属性，如果中间的属性为空或未定义，则不会抛出错误，而是返回 undefined。例如：

const obj = { foo: { bar: 123 } }; // 普通访问属性的方式 const x = obj.foo.bar; // x = 123 // 使用可选链操作符 const y = obj?.foo?.bar; // y = 123 // 如果对象未定义，则返回 undefined const z = undefined?.foo?.bar; // z = undefined

?? 操作符

??空值合并操作符用于检查一个变量是否为 null 或 undefined，如果是，则返回一个默认值，否则返回该变量的值。与传统的逻辑运算符||不同，??只会在左侧的值为 null 或 undefined 时返回右侧的默认值，对于其他假值（如空字符串、0、false 等）并不会返回默认值，而是会返回它本身。例如：

const x = undefined ?? 'default'; // x = 'default' const y = null ?? 'default'; // y = 'default' const z = 'value' ?? 'default'; // z = 'value' const a = '' ?? 'default'; // a = '' const b = '' || 'default'; // b = 'default'

需要注意的是，??操作符需要在 ES11 及以上的版本才能使用。

和||运算符的区别：

1. || 只会在左边的值为假值时返回右边的值 (0, '', undefined, null, false 等都为假值)

2. ?? 是在左边的值为undefined或者null时才会返回右边的值

总结

到此这篇关于JavaScript中?.和??分别是什么的文章就介绍到这了,更多相关JS中?.和??介绍内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联！