javascript - "?." 是什么意思？（问号后的点）在 JS 中的意思

Question

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

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

它有什么作用？

Answer 1

这称为可选链接。

它允许使用属性链接，而无需验证每个级别的属性。它在不引发异常的情况下缩短了属性评估 - 从而避免了“无法读取未定义的 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 草案