React JS：如何在对象内添加对象？构造函数中添加temp到recipient

嘿，这个需求其实挺常见的，我来给你几种靠谱的实现思路，你可以根据自己的代码场景来选：

1. 如果recipient是自定义类的实例 #

如果recipient是你自己定义的类（比如Recipient类）的实例，最规范的做法是要么提前在类里声明好temp属性，要么直接给实例赋值：

// 先定义Recipient类（可选：提前声明temp属性让代码更清晰）
class Recipient {
  constructor() {
    this.temp = null; // 预先初始化属性，避免隐式添加
  }
}

// 在你的目标构造函数中
class YourClass {
  constructor() {
    const recipient = new Recipient();
    const temp = "你要存储的内容";
    
    // 直接给实例赋值即可
    recipient.temp = temp;
    // 现在recipient就拥有temp属性啦
  }
}

2. 如果recipient是普通JS对象 #

如果recipient就是个普通的空对象或者已有部分属性的对象，直接用点语法或者方括号语法添加就行，非常简单：

class YourClass {
  constructor() {
    const recipient = { name: "张三" }; // 普通对象
    const temp = "临时存储的内容";
    
    // 方式1：点语法（最常用，键名是固定字符串时用）
    recipient.temp = temp;
    
    // 方式2：方括号语法（适合键名是变量的场景）
    // const key = "temp";
    // recipient[key] = temp;
  }
}

3. 如果recipient是不可扩展的对象 #

要是recipient是被冻结（比如用Object.freeze）或者不可扩展的对象，直接赋值会失败，这时候可以用Object.defineProperty来强制添加属性（前提是对象不是严格冻结的）：

class YourClass {
  constructor() {
    const recipient = Object.freeze({}); // 冻结的对象
    const temp = "需要添加的临时内容";
    
    // 用Object.defineProperty添加属性
    Object.defineProperty(recipient, 'temp', {
      value: temp,
      writable: true, // 是否可修改
      enumerable: true, // 是否能被遍历到
      configurable: true // 是否可删除或重新定义
    });
  }
}

额外小提醒 #

• 如果是用TypeScript开发，记得要保证Recipient类型包含temp属性，要么提前在接口/类里定义，要么用类型断言（(recipient as any).temp = temp）临时绕过类型检查。
• 尽量避免隐式给对象添加属性，提前声明属性会让代码更易维护，减少潜在的bug。

内容的提问来源于stack exchange，提问作者andika_kurniawan