高级前端
js
【Q201】js 中什么是可选链操作符,如何访问数组

js 中什么是可选链操作符,如何访问数组

Issue 欢迎在 Gtihub Issue 中回答此问题: Issue 202 (opens in a new tab)

Author 回答者: shfshanyue (opens in a new tab)

文档见 可选链操作符 - MDN (opens in a new tab)

?. 操作符,可以嵌套获取对象的属性值。通过获取对象属性获得的值可能是 undefined 或 null 时,可选链操作符提供了一种方法来简化被连接对象的值访问。

const o = {};
 
// 添加可选链之前
o && o.a && o.a.b && o.a.b.c && o.a.b.c.d;
 
// 添加可选链之后
o?.a?.b?.c?.d;

Author 回答者: 1415333545 (opens in a new tab)

const obj = { a: [1, 2], b() {} };
// 访问数组
obj?.a?.[0];
//使用方法
obj?.b?.();