在前端开发中，我们经常需要对各种数据进行操作，这些数据可能是来自后端接口、第三方库或者客户端本身的数据。在使用这些数据时，我们需要访问对象的属性或方法，但在某些情况下，这些属性或方法可能是 null 或 undefined。ES9 中引入了可选链运算符，能够便捷地解决这个问题。
什么是可选链运算符
可选链运算符（Optional Chaining Operator）是 ES9 中引入的新特性之一，它可以简化对嵌套属性或方法的访问过程。可选链运算符使用问号 ? 在属性或方法的前面，当左侧的表达式不为 null 或 undefined 时，才会继续访问右侧属性或方法，否则返回 undefined。
如何使用可选链运算符
可选链运算符的使用非常简洁明了，以下是一个使用场景的示例代码：
-- -------------------- ---- -------
----- --- - -
----- -
----- --------
---- --
-
-
--------------------------- -- -----
--------------------------------- -- ---------在上面的代码中，我们使用了可选链运算符进行非空判断。当没有job属性时，不会抛出TypeError错误并返回undefined。
需要注意的是，可选链运算符无法处理函数或方法的调用，因为这样会产生调用上下文。如果需要避免这个问题，可以使用三目运算符或if语句进行判断。
可选链运算符其他用法
除了以上所述，可选链运算符还有其他用法，例如：
1. 触发函数
-- -------------------- ---- -------
----- --- - -
----- -
------- -
------------------
-
-
-
------------------- -- ---2. 创建属性
const obj = {
user: null
}
obj.user?.name = 'Alice' // 不会执行赋值操作
console.log(obj.user) // null3. 支持数字和变量作为属性
-- -------------------- ---- -------
----- --- - -
----- -
-------- -
- ----- ------ ---- -- --
- ----- -------- ---- -- -
-
-
-
--- ----- - -
--------------------------------------------- -- -----总结
可选链运算符是一个非常实用的特性，它能够让我们在访问对象属性与调用方法时避免出现意外的 TypeError 错误。在我们开发中，经常遇到 null 或 undefined 值的情况，可选链运算符可以方便地解决这个问题。在使用时，我们应该根据实际情况，选择正确的使用方式，以便提高代码的规范性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6471879d968c7c53b0f63472