可以使用可选链运算符(?.)来避免该错误。可选链运算符是在属性或方法前加上问号,如果该属性或方法不存在,则返回 undefined 而不是抛出 TypeError 异常。
代码示例:
原代码:
const person = {
name: 'Tom',
age: 30
};
console.log(person.job.title); // 抛出错误:无法从 undefined 获取属性“title”
修改后:
const person = {
name: 'Tom',
age: 30
};
console.log(person.job?.title); // 返回 undefined,不会抛出错误
在这个示例中,我们使用可选链运算符(?.)来访问 person 对象的 job 属性。如果该属性不存在,则返回 undefined。