在前端开发中，我们经常需要处理各种数据。在处理过程中，我们经常会遇到 null 值和 undefined 值。如果没有正确地处理这些值，就会抛出异常导致代码崩溃。在 ECMAScript 2019 中，添加了 Optional Chaining 特性，它可以帮助开发人员处理这些值，使代码更加简洁可读。
Optional Chaining 的作用
Optional Chaining 的作用是帮助开发人员处理可能包含 null 值或 undefined 值的表达式。当访问一个可能为空的对象属性或方法时，使用 Optional Chaining 特性可以安全地避免抛出 TypeError 异常。
Optional Chaining 的语法
使用 Optional Chaining 的语法非常简单，只需要在要访问的对象属性或方法后面加上问号（?）即可。例如：
-- -------------------- ---- ------- -- --- -------- -------- -- ------- -- -------------- -- -------------------- - --------------------------------- - -- -- -------- -------- -- ----------------------- - --------------------------------- -
如果 person、address 或 city 属性的值为 null 或 undefined，不会抛出异常，并返回 undefined。
Optional Chaining 示例
下面是一个使用 Optional Chaining 的示例。我们要从一个包含用户信息的对象数组中找到第一个用户名为“admin”的用户的邮箱地址。如果没有找到用户，或者邮箱地址为空，则打印一个错误信息。
-- -------------------- ---- -------
----- ----- - -
-
--- --
--------- --------
------ -------------------
--
-
--- --
--------- --------
------ -------------------
--
-
--- --
--------- --------
------ ----
-
--
----- ---- - ------------ -- ---------- --- ---------
----- ----- - ------------
-- -------- -
-------------------- --- ---- ----- --------
- ---- -
-------------------
-总结
Optional Chaining 是一个非常方便的 ECMAScript 2019 特性，它可以避免繁琐的 null 值检查，使代码更加简洁可读。使用 Optional Chaining，我们可以更加安全和高效地处理可能为空的对象属性和方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651cfac595b1f8cacd47ecfd