Javascript即将迎来Optional Chaining

它是什么？

Optional Chaining 使我们能检查一个对象上面是否存在某属性。其它一些语言有类似的特性。C# 例如，有 Null Conditional 操作符很像提案中的 Optional Chaining。

我们为何需要它？

你是否曾经在使用对象或数组的属性之前，检查它是否存在吗？如果你不记得，下面展示一下：

if(specimen && specimen.arms && specimen.arms.length > 2)
    console.log("This is probably an alien");

如果我们不做检查，可能会遇到下面的错误：

因为，specimen 存在，但它没有 arms 属性。因此，当我们在它身上获取length属性时就会报错。

提案是怎样的？

取代上面的写法，我们可以使用 optional chaining 写出如下代码：

if(specimen?.arms?.length > 2)
    console.log("This is probably an alien");

不管怎样，我们应该记住 Optional Chaining 操作符是 ?. 而不是 ? ，这就意味着当我们从数组中获取数据时，应该如下：

var firstArm = specimen?.arms?.[0]; //CORRECT
var secondArm = specimen?.arms?[1]; //WRONG

相似的，当我们检查一个方法时，如下：

var kickPromise = specimen?.kick?.();  //CORRECT
var punchPromise = specimen?.punch?(); //WRONG

在上例中，在调用方法之前，我们先检查 kick 是否存在。

它是如何工作的？

这个操作符检查 ?. 左边的值是否为 null 或 undefined。如果是，这个表达式就终止然后返回 undefined。否则，这个表达式继续执行就像没有错误一样。