在 JavaScript 中，我们有时候需要访问一个复杂对象的属性或方法，但却不能保证该对象是否存在或属性是否为空。在这种情况下，我们可能会使用一些判断语句来避免程序崩溃或抛出异常。ES10 中新增的 Optional Chaining 是一种解决这类问题的新特性。
Optional Chaining 是什么？
Optional Chaining 也叫“可选链”，其主要解决的问题是通过一种简便的方式访问对象的属性或方法，即使该对象不存在或属性为空也不会引发程序异常。这种方式使用 ?. 作为访问运算符，即若一个对象存在，则继续访问链，否则整个链的值为 undefined。同时，它的优雅性和易读性也是其他方式不可比的。
Optional Chaining 的语法
在 ES10 中，Optional Chaining 被定义为一种新的语法，它的语法规则如下：
object?.property object?.method() object?.[expression]
上述语法规则中，object 为需要访问的对象，property 为该对象的属性，method() 为该对象的方法，[expression] 为对象的动态属性。
Optional Chaining 的使用方法
下面我们来看一个简单的例子，来了解 Optional Chaining 的具体使用方法：
-- -------------------- ---- -------
----- --- - -
---- -
---- -
---- ------- -------
-
-
--
-- -------------
-- ---- -- ------- -- ----------- -- ---------------- -
-----------------------------
- ---- -
---------------- --------
-
-- -- -------- -------- ------
------------------------------ -- ---- --------在上面的例子中，我们使用了两种方式，一种是传统的判断方式，判断对象和属性是否存在，而第二种借助了 Optional Chaining 可选链，可以像直接访问静态属性一样访问对象的层级结构，即使其中某些层次的属性不存在也不会报错，而是直接返回 undefined。
Optional Chaining 的指导意义
Optional Chaining 作为 JavaScript 的一大新特性，对于前端开发者来说，具有以下几个优点：
- 减少代码量：使用 Optional Chaining 可以大量减小判断语句的使用，使代码更加简洁易读。
- 提高代码可读性：Optional Chaining 的语法简单明了，易于理解和阅读，更能帮助开发者快速定位代码的问题所在。
- 防止代码异常：Optional Chaining 是一种有效的防御式编程方式，可以避免由于对象属性不存在或为空引起的程序异常。
使用注意事项
虽然 Optional Chaining 确实是十分有用的一种编程方式，但在实际使用中还是需要注意以下几个点：
- 必须在严格模式下才能使用，否则会出现语法错误。
- 不能在
new的参数中使用 Optional Chaining。 - 当一个属性返回
null或undefined时，无法触发 Optional Chaining 的作用，需要使用空值合并操作符。
总结
作为 JavaScript 的一大新特性，Optional Chaining 旨在解决访问对象属性时的空值异常问题，同时代码实现简单、易读、易于维护，受到众多开发者的喜爱。在实际编程中，我们需要善于使用 Optional Chaining，增强代码的可读性和可维护性，避免因程序异常而导致的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6454b66e968c7c53b087fdb9