JS中哪些魔法运算符能高效简化代码？

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

JavaScript每年都会发布一个新版本，其中会新增一些操作更便利、高效的运算符。今天我们来盘点几个高效的魔法运算符。1.+ 可选链运算符：之前当我们想使用某个结构时，如果该结构不存在，就会报错。可选链运算符可以避免这个问题，让我们更安全地访问嵌套的对象或数组。

JavaScript 现在每年都会发一个新版本，里面也会新增一些操作更加便利、高效的运算符。今天我们就来盘点下几个高效的魔法运算符。

1. 可选链运算符

之前当我们想要使用某个结构比较深的属性，同时又无法确定所有的父级一定存在时，我们需要进行一连串的判断，例如一个数据结构：

const student = { score: { math: 98, }, };

我们想要获取最内层的 math 属性的值时：

if (student && student.score) { console.log(student.score.math); }

1.1 获取深层次的属性

不过当我们使用可选链运算符后，判断就简单很多了，可选链运算符会在链路上遇到 null 或者 undefined 时，直接返回 undefined，而不会抛出错误异常：

console.log(student?.score?.math);

1.2 执行一个可选的方法

同时在执行一个可能存在的函数时，也可以用到。