在 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 运算符的时候需要注意以上几点，以避免出现意外的错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67cc4d9ee46428fe9e572342
