【JS】如何解决Cannot set properties of undefined

报错解释：

这个错误通常意味着你正在尝试为一个未定义的对象设置属性。在JavaScript中，如果你尝试访问一个未定义的对象的属性或方法，或者试图给它们赋值，就会抛出这个错误。

解决方法：

1. 确认对象已经被正确初始化。在赋值之前，确保所有对象都已经被创建为一个对象字面量、通过构造函数实例化，或者已经从其他地方获取。

let obj = {}; // 初始化对象
obj.property = 'value'; // 现在可以设置属性

2. 使用可选链和解构赋值来安全地访问可能未定义的对象属性。

let obj = { prop: { nestedProp: 'value' } };
 
// 使用点(.)访问可能未定义的嵌套属性会导致错误
let value = obj.prop.nestedProp; // 如果 obj.prop 是 undefined，也会报错
 
// 使用可选链来安全地访问
let value = obj?.prop?.nestedProp; // 如果 obj.prop 是 undefined，这将返回 undefined
 
// 使用对象解构赋值时，可以设置默认值以防止未定义
let { prop: { nestedProp } = {} } = obj; // 如果 obj.prop 是 undefined，nestedProp 会被设置为 undefined

3. 使用条件语句检查对象是否已定义再进行操作。

if (obj && obj.property) {
  obj.property = 'new value';
}

确保在尝试访问或修改对象属性之前，该对象已经存在并且可用。