JavaScript可选链接

了解即将推出的JavaScript新功能

可选的链接运算符是下一个ECMAScript标准中的一项新功能。

它仍然不是官方的,但是available in Chrome 80在标志后面。

您曾经使用&&运算符作为后备吗?这是我最喜欢的JavaScript功能之一。

在JavaScript中,您可以先检查对象是否存在,然后尝试获取其属性之一,如下所示:

const car = null
const color = car && car.color

即使car为空,您没有错误,并且color被分配了null价值。

您可以分为多个级别:

const car = {}
const colorName = car && car.color && car.color.name

在其他一些语言中,使用&&由于它通常是逻辑运算符,因此可能会给您带来真假的判断。

不在JavaScript中,它使我们可以做一些很酷的事情。

现在,这个新的可选链接运算符将使我们更加喜欢:

const color = car?.color
const colorName = car?.color?.name

如果carnull或者undefined,结果将是undefined

没有错误(使用&&时,car曾是undefined我们有一个ReferenceError: car is not defined错误)

您今天可以使用以下语法这个Babel插件

免费下载我的JavaScript初学者手册


更多js教程: