在前端开发中，我们经常会遇到判断对象属性是否存在的情况，如果属性不存在，那么就会引发错误。在 ES11 中，新增了 Optional Chaining 这个特性，可以让我们更加方便地处理这种情况。
Optional Chaining 是什么？
Optional Chaining 是一种新的语法，可以让我们在访问对象属性时，判断属性是否存在，如果不存在就不会引发错误，而是返回 undefined。
如何使用 Optional Chaining？
在访问对象属性时，使用问号（?）来表示属性是否存在。如果属性存在，那么就会返回属性值；如果属性不存在，那么就会返回 undefined。
下面是一个示例代码：
-- -------------------- ---- ------- ----- ------ - - ----- ------ ---- --- -------- - ----- ---------- ------- ---------- ------- - -- ---------------------------------- -- --------- ------------------------------------- -- ---------展开代码
在上面的代码中，我们使用了 Optional Chaining 来访问 person 对象的 address 属性的 city 和 country 属性。因为 address 属性存在，所以访问 city 属性会返回“Beijing”，而访问 country 属性会返回 undefined。
Optional Chaining 的指导意义
Optional Chaining 的出现，可以让我们更加方便地处理对象属性不存在的情况。在之前，我们需要使用 if 语句或者三目运算符来判断属性是否存在，而现在，我们可以直接使用 Optional Chaining 来访问属性，代码更加简洁、易懂。
同时，Optional Chaining 也可以让我们避免一些不必要的错误，提高代码的健壮性。
总结
Optional Chaining 是 ES11 中一个非常实用的新特性，可以让我们更加方便地处理对象属性不存在的情况。在实际开发中，我们可以使用 Optional Chaining 来访问对象属性，避免不必要的错误，提高代码的健壮性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650edd7395b1f8cacd7dbe11
