"?." 是什么意思（问号后的点）在JS中的意思[重复]

Question

我偶然发现了“？”。另一个 SO 问题中的语法。像这样 -

console.log(x?.y?.z);

它有什么作用？

Answer 1

这叫Optional Chaining。

它允许使用属性链接，而无需验证每个级别的属性。它在不引发异常的情况下缩短了属性评估 - 从而避免了“无法读取未定义的 X”错误。

let o = {p: {q: 'foo'}};


try {
  console.log('Trying to access the property x');
  console.log(o.x.y);
}
catch(e) {
  console.log('That was an error');
}


console.log('Trying to access the property x with Optional Chaining');

console.log(o?.x?.y);

---

可选链接更多用例

使用函数调用

let result = someInterface.customMethod?.();

有表达式

let nestedProp = obj?.['prop' + 'Name'];

带有数组元素

let arrayItem = arr?.[42];

ECMAScript Draft