前端开发中经常会遇到空指针异常（null pointer），这是导致程序崩溃和错误的主要原因之一。在 ECMAScript 2019 中，我们可以使用 Optional Chaining 操作符来避免空指针异常的问题。这篇文章将介绍 Optional Chaining 操作符的用法，以及如何在实际应用中避免空指针异常。
Optional Chaining 操作符简介
Optional Chaining 操作符（?.）是 ECMAScript 2019 中引入的一个新特性，它允许我们可以安全地访问嵌套对象中的属性或方法，即使对象本身不存在或属性不可访问。
在使用 Optional Chaining 操作符时，我们只需在属性或方法访问操作符（.）的前面加上问号（?）就可以了，例如：
-- -------------------- ---- -------
----- ---- - -
----- -------
-------- -
------ ------------------
-
-
----- ----- - -------------------
------------------ -- ------------------在上面的例子中，我们使用了 Optional Chaining 操作符来访问 user.contact.email 属性，这样即使 contact 对象不存在，我们也不会得到空指针异常，而是会得到一个 undefined 值。
除了属性访问，Optional Chaining 操作符也可以用于方法调用，例如：
const obj = {
greet() {
console.log('Hello world!')
}
}
const greet = obj.greet?.()
console.log(greet) // "Hello world!"在上面的例子中，我们使用了 Optional Chaining 操作符来调用 obj.greet() 方法。如果 obj 对象不存在或 greet 方法不可访问，我们也不会得到空指针异常，而是会得到一个 undefined 值。
避免空指针异常的实际应用
在实际开发过程中，我们经常会遇到有一些对象的属性或方法是可选的，例如：
const user = {
name: 'John',
contact: {
email: 'john@example.com'
},
address: null
}在上面的例子中，user 对象的 address 属性是一个可选的属性，并且它的值为 null。为了避免空指针异常，我们可以使用 Optional Chaining 操作符来访问 user.address 属性的子属性，例如：
const city = user.address?.city console.log(city) // undefined
在上面的例子中，我们使用了 Optional Chaining 操作符来访问 user.address.city 属性，即使 address 属性不存在或为 null，我们也不会得到空指针异常，而是会得到一个 undefined 值。这个技巧可以大大提高代码的健壮性和可维护性。
除了在属性访问中使用 Optional Chaining 操作符，我们还可以在方法调用和数组访问操作中使用。代码示例如下：
const list = [1, 2, 3] const result = list?.[0]?.toFixed?.(2) console.log(result) // "1.00"
在上面的例子中，我们使用了 Optional Chaining 操作符来访问 list 数组的第一个元素（list[0]），并对其调用 toFixed 方法（list[0].toFixed(2)）。即使 list 数组为空或 list[0] 不是数字类型，我们也不会得到空指针异常，而是会得到一个 undefined 值。
总结
本文介绍了 ECMAScript 2019 中的 Optional Chaining 操作符，以及如何使用它来避免空指针异常的问题。通过使用 Optional Chaining 操作符，我们可以更安全地访问嵌套对象中的属性或方法，避免因空指针异常导致的程序错误和崩溃。这个特性的应用可以大大提高代码的健壮性和可维护性，是前端开发中值得学习和掌握的重要技巧。
示例代码（在 Chrome 控制台中执行）：
-- -------------------- ---- -------
----- ---- - -
----- -------
-------- -
------ ------------------
--
-------- ----
-
----- ---- - ------------------
----------------- -- ---------
----- ---- - --- -- --
----- ------ - -----------------------
------------------- -- ------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e94b4cf6b2d6eab349fd9f