在前端编程中，我们经常需要操作对象。然而，有些时候，对象中某个属性可能不存在，那么当我们尝试去访问该属性时，就会导致 undefined 错误。这是一个很常见的问题，也是一个非常麻烦的问题。在 ECMAScript 2021 中，Optional Chaining 操作符被引入，可以帮助我们解决这个问题。
Optional Chaining 操作符
Optional Chaining 操作符是一个新引入的操作符，用于判断对象属性是否存在，并在属性存在时访问其值。
它的语法如下：
object?.property
其中，object 是要访问的对象，property 是要访问的属性。如果 object 中存在 property，则返回该属性的值；否则，返回 undefined。
示例
考虑下面的对象：
const person = {
name: 'Alice',
job: {
title: 'Software Engineer',
company: 'ABC Inc.'
}
};如果我们想访问 person 对象的 job 属性的 title 属性，我们可以这样做：
const jobTitle = person.job.title;
但是，如果 job 属性不存在，这个操作就会抛出一个 TypeError。为了处理这种情况，我们可以使用 Optional Chaining 操作符：
const jobTitle = person.job?.title;
现在，如果 job 属性不存在，jobTitle 将会是 undefined，而不会抛出异常。
此外，Optional Chaining 操作符还支持链式调用：
const company = person.job?.company?.name;
在上面的示例中，我们使用了两次 Optional Chaining 操作符。如果 person 对象中的 job 属性和 company 属性都存在，那么 company 将会是该属性的值，否则将会是 undefined。
使用指南
当你在编写 JavaScript 代码时，建议你经常使用 Optional Chaining 操作符。它可以帮助你避免访问不存在的对象属性时发生的错误，而不需要编写大量的代码来检查每个属性是否存在。
但是，你也需要注意使用它的场景。如果你知道一个对象具有某个属性，那么就不需要使用 Optional Chaining 操作符来检查它是否存在。另外，Optional Chaining 操作符只能用于处理属性不存在的情况，如果属性存在但是属性值为 null，也需要进行额外的处理。
总结
Optional Chaining 操作符是一个很方便的新特性，它可以帮助我们解决对象属性不存在时的问题。它非常简单易用，只需在要访问的属性后加上一个问号即可。然而，我们也需要注意使用它的情况，避免滥用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651e69c995b1f8cacd6101d4