随着前端技术的不断发展，JavaScript 语言也在不断地更新和完善。ES6、ES7、ES8… 直到目前最新的 ES12，JavaScript 语言的核心功能和语法都得到了不断的完善和改进。而本文要介绍的是 ES12 中的 Optional Chaining 操作符，它是一种非常实用的语法，可以帮助开发者更加便捷地访问复杂的嵌套对象属性，从而使代码更加简洁易读。
Optional Chaining 操作符是什么？
Optional Chaining 操作符是 JavaScript 编程语言中新增的语法，用于访问可能不存在的对象属性，而不会抛出异常错误。在之前的版本中，如果我们要访问一个嵌套对象的属性，就需要使用 if 语句或者三元运算符判断对象是否为 undefined 或 null，否则就会抛出 TypeError 错误。而使用 Optional Chaining 操作符，可以使这一过程更加简单、快捷和安全。
Optional Chaining 操作符由两个连接符号 “?.“ 组成，位置在可能为空的属性名之前。当对象的属性值为 null 或 undefined 时，整个表达式返回 undefined，而不会抛出异常错误。
Optional Chaining 操作符的使用方法
我们可以通过下面的示例代码来了解 Optional Chaining 操作符的具体使用方法：
-- -------------------- ---- -------
----- ---- - -
----- -
----- ------
---- ---
-------- -
----- ---------
-
-
--
---------------------------- -----
----------------------------------- -----------在上述的示例代码中，我们首先定义了一个复杂的嵌套对象 data，其中包含了多层嵌套的属性。接着，我们使用 Optional Chaining 操作符实现了对 user 属性中的 name 属性的访问。由于 user 属性是存在的，因此该语句的输出结果是 “Tom”。另外，我们还尝试访问了 user 属性中不存在的属性 gender ，由于该属性不存在，因此该语句的输出结果是 undefined，而不是抛出异常错误。
Optional Chaining 操作符的优势
使用 Optional Chaining 操作符的好处主要有以下几个方面：
1.代码更加简洁
使用 Optional Chaining 操作符可以帮助开发者不必再手动判断对象的属性是否为空或者 undefined，从而使代码更加简洁易读。可以避免代码中出现大量的 if 语句或者三元运算符，使代码更加清晰明了。
2.减少代码冗余
在之前的版本中，我们通常需要使用多个 if 语句或者三元运算符来判断嵌套对象的属性是否为空，这将导致代码变得复杂难懂。而使用 Optional Chaining 操作符，可以使代码逻辑更加简单、清晰，减少代码冗余。
3.提高代码的健壮性
使用 Optional Chaining 操作符可以有效地避免代码中出现的异常错误，从而提高代码的健壮性。在访问会出现空值的属性时，代码不会抛出异常错误，而是直接返回 undefined，进一步保证了代码的稳定性。
总结
在本文中，我们介绍了 ES12 中的 Optional Chaining 操作符，以及它的用法和优点。通过使用 Optional Chaining 操作符，我们可以更加便捷地访问复杂的嵌套对象属性，减少代码冗余，提高代码的简洁性和健壮性。希望开发者们能够充分了解和掌握这一语法，优化自己的代码，在实际开发中提高工作效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64effe49f6b2d6eab39ebccd