如何在JavaScript构造函数中通过函数调用设置对象顶级属性？

嘿，我太懂你遇到的这个麻烦了！直接给this赋值另一个对象确实行不通，这是因为在JavaScript的构造函数里，this是指向当前正在创建的实例的不可修改的引用——你没法把它替换成一个全新的对象，这就是你原来代码报错的核心原因。

不过你用循环复制属性的思路是对的，只是我们可以用更优雅的标准方法来实现：

方案1：使用Object.assign()（最推荐） #

这是ES6引入的标准API，专门用来将一个或多个对象的可枚举属性复制到目标对象上，完全匹配你的需求，一行代码就能搞定：

constructor(name, model, version) {
  // 先初始化name属性
  this.name = name;
  
  if (model === undefined || version === undefined) {
    this.model = "";
    this.version = "";
    this.prop3 = 0;
    this.prop4 = 0;
    this.prop5 = 0;
  } else {
    // 直接把返回对象的所有属性复制到当前实例
    Object.assign(this, getVersionAttrs(model, version));
    // 重新赋值name，确保传入的name不会被覆盖（如果getVersionAttrs没返回name的话可以省略）
    this.name = name;
  }
}

方案2：解构赋值（属性明确时更清晰） #

如果getVersionAttrs返回的属性是固定的，你也可以用解构赋值直接提取并赋值，可读性更强：

constructor(name, model, version) {
  this.name = name;
  
  if (model === undefined || version === undefined) {
    this.model = "";
    this.version = "";
    this.prop3 = 0;
    this.prop4 = 0;
    this.prop5 = 0;
  } else {
    const { model, version, prop3, prop4, prop5 } = getVersionAttrs(model, version);
    this.model = model;
    this.version = version;
    this.prop3 = prop3;
    this.prop4 = prop4;
    this.prop5 = prop5;
  }
}

方案3：兼容旧环境的安全写法 #

如果你的代码需要运行在不支持ES6的环境中，可以用Object.keys()结合forEach替代传统循环，避免遍历到原型链上的无关属性：

constructor(name, model, version) {
  this.name = name;
  
  if (model === undefined || version === undefined) {
    this.model = "";
    this.version = "";
    this.prop3 = 0;
    this.prop4 = 0;
    this.prop5 = 0;
  } else {
    const temp = getVersionAttrs(model, version);
    Object.keys(temp).forEach(key => {
      this[key] = temp[key];
    });
    this.name = name;
  }
}

为什么直接赋值this不行？ #

再补个小解释：当你用new关键字调用构造函数时，JavaScript会自动创建一个新的空对象，把它的原型绑定到类的原型上，然后将this指向这个新对象。你不能通过this = 另一个对象来替换这个已经绑定好的实例——严格模式下这样做会直接报错，非严格模式下赋值会被忽略，这是语言层面的限制。

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