在前端开发中，我们经常需要处理对象的属性或方法，但是有时候这些属性或方法可能不存在，如果不加以处理就会出现异常或错误。ES2019 的 Optional Chaining 可以帮助我们解决这个问题。
Optional Chaining 是什么？
Optional Chaining 是 ES2019 新增的一项语法特性，它允许我们在访问对象的属性或方法时，判断其是否存在，如果不存在就返回 undefined，而不是抛出错误。它使用问号（?）来表示可选的属性或方法。
如何使用 Optional Chaining？
我们可以使用 Optional Chaining 来访问对象的属性或方法，示例如下：
// javascriptcn.com 代码示例
const obj = {
foo: {
bar: {
baz: 'hello world'
}
}
};
// 在访问 foo、bar 和 baz 时都使用问号来表示可选的属性或方法
const result = obj?.foo?.bar?.baz;
console.log(result); // 输出：hello world
// 如果 baz 不存在，则返回 undefined
const result2 = obj?.foo?.bar?.baz2;
console.log(result2); // 输出：undefined在上面的示例中，我们使用了问号来表示 foo、bar 和 baz 都是可选的属性或方法。如果这些属性或方法不存在，则返回 undefined。
Optional Chaining 的指导意义
Optional Chaining 可以帮助我们编写更简洁、更安全的代码。它可以减少代码中的异常和错误，提高代码的健壮性和可读性。
使用 Optional Chaining 的注意事项
虽然 Optional Chaining 可以帮助我们减少代码中的异常和错误，但是在使用时也需要注意一些问题：
- Optional Chaining 只能用于访问对象的属性或方法，不能用于访问数组的元素。
- Optional Chaining 只能判断一级属性或方法是否存在，不能判断多级属性或方法是否存在。
- Optional Chaining 在某些情况下可能会影响代码的性能，因此需要谨慎使用。
总结
ES2019 的 Optional Chaining 可以帮助我们编写更简洁、更安全的代码，它允许我们在访问对象的属性或方法时判断其是否存在。在使用 Optional Chaining 时需要注意一些问题，避免出现性能问题。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/655aababd2f5e1655d4e464e