可选链操作符(Optional chaining operator)是ES2020引入的一个新特性。该操作符可以在调用对象的属性时,如果对象不存在则不抛出异常而是返回 undefined,从而避免了程序因为属性不存在而崩溃的情况。
在写代码时,经常需要对多层嵌套对象进行访问操作,如果某一层对象不存在,则程序会报错,为了解决这个问题,开发者需要写一大堆的判空代码或者异常处理代码,显得很繁琐。可选链操作符就解决了这个问题,使得代码更加简洁方便。
语法形式:对象?.属性 或 对象?.方法()
示例1:
let obj = {
a: {
b: {
c: 'hello world'
}
}
};
console.log(obj.a?.b?.c); // 输出 "hello world"
console.log(obj.a?.d?.e); // 输出 undefined,而不会抛出TypeError异常
示例2:
let obj = null;
console.log(obj?.a?.b?.c); // 输出 undefined,而不会抛出TypeError异常
以上两个示例都使用了可选链操作符 ?.,并展示了其避免了程序因为属性或对象不存在而导致的错误。