Javascript ES11 (ES2020) 中引入了许多新的特性，其中一个比较有用的新特性是 Optional Chaining。这个新特性可以让我们更加方便地访问对象中的属性，同时也可以避免一些不必要的错误。
Optional Chaining 是什么？
Optional Chaining 是一种新的语法特性，它可以让我们更加方便地访问对象中的属性。在访问对象属性时，我们经常会遇到一些问题，比如对象中不存在该属性，或者该属性的值为 null 或 undefined。在这些情况下，如果我们直接访问该属性，就会导致代码出错。Optional Chaining 可以帮助我们解决这些问题。
如何使用 Optional Chaining？
Optional Chaining 的语法非常简单，只需要在访问属性的时候使用问号 (?) 即可。下面是一个示例：
-- -------------------- ---- -------
----- ------ - -
----- --------
-------- -
----- ---- -----
-
--
----------------------------------- -- -- --- ----
-------------------------------------- -- -- ---------
----------------------------------- -- -- ---------在上面的示例中，我们使用了问号 (?) 来访问 person 对象中的属性。如果属性存在，就会返回对应的值；如果属性不存在，就会返回 undefined。
Optional Chaining 的指导意义
Optional Chaining 可以让我们更加方便地访问对象中的属性，同时也可以减少一些不必要的错误。在使用 Optional Chaining 时，我们可以避免一些常见的错误，比如 TypeError: Cannot read property 'xxx' of null 或 undefined。
另外，Optional Chaining 还可以让我们在一些复杂的数据结构中更加方便地访问属性。比如，如果我们需要访问一个数组中的某个元素的属性，就可以使用 Optional Chaining。
示例代码
下面是一个使用 Optional Chaining 的示例代码：
-- -------------------- ---- ------- ----- ----- - - - ----- -------- ---- -- -- - ----- ------ ---- -- -- - ----- ---------- ---- -- - -- ----- ---- - --------- ------------------------ -- -- ----- --------------------------------- -- -- ---------
在上面的示例中，我们使用了 Optional Chaining 来访问 user 对象中的属性。如果属性存在，就会返回对应的值；如果属性不存在，就会返回 undefined。
结论
Optional Chaining 是 Javascript ES11 (ES2020) 中的一项新特性，它可以让我们更加方便地访问对象中的属性，同时也可以避免一些不必要的错误。在使用 Optional Chaining 时，我们需要注意一些细节，比如在访问属性时使用问号 (?)。如果我们能够正确地使用 Optional Chaining，就可以让我们的代码更加简洁、清晰和易于维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6757d59a890bd9faa4390c70