在 JavaScript 开发中，我们经常需要访问对象的属性或调用对象的方法。但是，当对象的某个属性或方法不存在时，我们需要进行一些判断，以避免程序出错。这个时候，ECMAScript 2019 引入了 optional chaining 运算符，可以简化我们的代码，提高开发效率。
optional chaining 是什么？
optional chaining 运算符是一种新的语法，可以用来访问对象的属性或方法，而不需要进行繁琐的判断。它的语法形式是 ?.，可以放在任何一个属性或方法的后面，表示如果该属性或方法存在，则访问或调用它；如果不存在，则返回 undefined。
下面的示例代码展示了 optional chaining 运算符的用法：
-- -------------------- ---- -------
----- ---- - -
----- -----
---- ---
-------- -
----- -----
--
--
-- ----
----- ---- - ------------ - ----------------- - ----------
------------------ -- ----
-- -------- -------- --
----- ----- - -------------------
------------------- -- ----
-- ---------- ---------
----- ----- - ----------------------
------------------- -- ---------optional chaining 的优势
使用 optional chaining 运算符，可以使代码更加简洁和易读，避免了繁琐的判断过程。此外，optional chaining 运算符还可以避免出现 TypeError 错误，提高代码的健壮性。
下面的示例代码展示了 optional chaining 运算符的优势：
-- -------------------- ---- ------- ----- ---- - - ----- ----- ---- --- -- -- ---- -- ----- -- ------------ -- ------------------ - ------------------------------- - ---- - ----------------------- - -- -------- -------- -- ------------------------------- -- -----------
optional chaining 的使用场景
optional chaining 运算符可以用在任何一个属性或方法的后面，可以用来访问对象的属性或调用对象的方法。它适用于任何一个对象，但尤其适用于多层嵌套的对象。
下面的示例代码展示了 optional chaining 运算符的使用场景：
-- -------------------- ---- -------
----- ---- - -
----- -----
---- ---
-------- -
----- -----
------- -
----- ------
------- -------
--
--
--
-- ----
-- ----- -- ------------ -- ------------------- -- ------------------------- -
--------------------------------------
- ---- -
-----------------------
-
-- -------- -------- --
--------------------------------------- -- -----------optional chaining 的注意事项
使用 optional chaining 运算符需要注意以下几点：
optional chaining 运算符只能用于访问对象的属性或调用对象的方法，不能用于访问变量或调用函数。
optional chaining 运算符只有在对象存在时才能生效，如果对象不存在，则会返回 undefined。
optional chaining 运算符不会触发 getter 函数。
optional chaining 运算符可以与 nullish coalescing 运算符（??）一起使用，用来设置默认值。
结语
ECMAScript 2019 的 optional chaining 运算符可以简化 JavaScript 代码，提高开发效率。使用 optional chaining 运算符可以使代码更加简洁和易读，避免了繁琐的判断过程，提高代码的健壮性。但是，在使用 optional chaining 运算符的时候需要注意以上几点，以避免出现意外的错误。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/67cc4d9ee46428fe9e572342