javascript - 空条件运算符

Question

C# 6.0 刚刚发布，它有一个我非常想在 JavaScript 中使用的新的不错的小功能。他们叫Null-conditional operators .它们使用 ?. 或 ?[] 语法。

它们的作用实质上是让您在尝试访问属性之前检查您获得的对象是否为 null。如果对象是 null，那么您将获得 null 作为您的属性访问的结果。

int? length = customers?.Length;

所以这里的 int 可以为 null，如果 customers 为 null，将采用该值。更好的是你可以链接这些:

int? length = customers?.orders?.Length;

我不相信我们可以用 JavaScript 做到这一点，但我想知道做类似事情的最巧妙的方法是什么。一般来说，我发现链接 if block 很难阅读:

var length = null;
if(customers && customers.orders) {
    length = customers.orders.length;
}

Answer 1

名为“optional chaining”，目前是TC39 proposal in Stage 4 . Babel plugin但是在 v7 中已经可用。

示例用法:

const obj = {
  foo: {
    bar: {
      baz: 42,
    },
  },
};

const baz = obj?.foo?.bar?.baz; // 42

const safe = obj?.qux?.baz; // undefined