TypeError:无法读取未定义的属性(读取“”和“”)

TypeError:无法读取未定义的属性(读取“”和“”)

这个错误通常发生在代码中尝试读取一个未定义的属性时。当我们尝试读取一个对象的属性时，如果该属性未定义或不存在，就会抛出这个错误。

解决这个错误的方法是确保我们在读取属性之前，先检查该属性是否存在。可以使用条件语句或者使用JavaScript中的可选链操作符（?.）来避免这个错误。

以下是一个示例代码，演示如何避免这个错误：

// 定义一个对象
const person = {
  name: 'John',
  age: 30
};

// 检查属性是否存在
if (person && person.address && person.address.city) {
  console.log(person.address.city);
} else {
  console.log('属性不存在');
}

// 使用可选链操作符
console.log(person?.address?.city);

在上面的示例中，我们首先检查了属性是否存在，然后再读取属性的值。如果属性不存在，就会输出"属性不存在"。另外，我们还可以使用可选链操作符（?.）来简化代码，它会自动检查属性是否存在，如果不存在就返回undefined。