当我们在前端开发中，经常会遇到 undefined 的错误，这是因为我们在访问对象中的属性时，可能会遇到这个对象不存在这个属性的情况。而在 ES12 中，Optional Chaining 可以帮助我们避免这种错误的发生。
什么是 Optional Chaining
Optional Chaining 是 ES12 中的一个新特性，它可以简化代码，避免因为对象不存在属性而产生的错误。在访问对象的属性时，我们可以使用 ?. 运算符来判断这个属性是否存在，如果存在就返回属性值，否则返回 undefined。
如何使用 Optional Chaining
在访问对象属性时，我们可以使用 ?. 运算符来判断这个属性是否存在。下面是一个示例代码：
-- -------------------- ---- -------
----- ---- - -
----- -----
---- ---
-------- -
--------- ------
----- ------
------- -----
-
-
----------------------- -- ----
------------------------------------ -- -----
------------------------------------------ -- ---------可以看到，使用 ?. 运算符来判断对象属性是否存在，如果存在就返回属性值，否则返回 undefined。在访问嵌套对象属性时，可以使用多个 ?. 运算符来判断。
Optional Chaining 的指导意义
使用 Optional Chaining 可以避免因为对象不存在属性而产生的错误，提高代码的健壮性。在实际开发中，遇到不存在属性的情况时，我们可以使用 Optional Chaining 来判断，而不需要使用 if 判断语句来处理，可以简化代码的编写。
结论
Optional Chaining 是 ES12 中的一个新特性，可以帮助我们避免因为对象不存在属性而产生的错误。在访问对象属性时，使用 ?. 运算符来判断这个属性是否存在，如果存在就返回属性值，否则返回 undefined。在实际开发中，使用 Optional Chaining 可以提高代码的健壮性，简化代码的编写。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6740d852d40a3cb159e70aa4