如何在不修改JavaScript对象构造函数的情况下添加带动态参数的新属性？

嘿，作为JS新手能想到这个问题真的很棒！你已经掌握了用prototype添加静态属性的方法，现在要实现带参数的动态属性，完全不用改动原来的Person构造函数，有几个非常实用的方案可以选：

方案1：给原型添加一个设置方法 #

这种方式灵活度很高，允许你在实例创建后的任意时间设置（甚至修改）国籍属性：

// 原构造函数完全不动
function Person(first, last, age, eyecolor) { 
  this.firstName = first; 
  this.lastName = last; 
  this.age = age; 
  this.eyeColor = eyecolor; 
}

// 给Person的原型添加一个设置国籍的方法
Person.prototype.setNationality = function(nationality) {
  this.nationality = nationality;
};

// 使用示例
const alice = new Person('Alice', 'Smith', 30, 'blue');
alice.setNationality('American'); // 传入参数设置属性
console.log(alice.nationality); // 输出: 'American'

这个方法的好处是既不碰原构造函数，又能让每个实例拥有独立的nationality值，还能随时修改。

方案2：用工厂函数封装实例创建 #

如果你想要更接近“修改后构造函数”的调用体验（创建时直接传入所有参数），可以写一个工厂函数来帮你完成：

// 原构造函数保持原样
function Person(first, last, age, eyecolor) { 
  this.firstName = first; 
  this.lastName = last; 
  this.age = age; 
  this.eyeColor = eyecolor; 
}

// 工厂函数：封装实例创建和属性添加
function createPerson(first, last, age, eyecolor, nationality) {
  const person = new Person(first, last, age, eyecolor);
  person.nationality = nationality; // 直接给实例添加带参数的属性
  return person;
}

// 使用示例，和你想要的构造函数调用方式几乎一样
const bob = createPerson('Bob', 'Jones', 25, 'brown', 'Canadian');
console.log(bob.nationality); // 输出: 'Canadian'

这个方案完美模拟了你想要的“构造函数加参数”的效果，同时完全隔离了对原Person构造函数的修改。

方案3：通过继承创建子类 #

如果需要批量创建带nationality属性的实例，甚至以后要扩展更多功能，继承是个更规范的选择：

// 原构造函数丝毫不改
function Person(first, last, age, eyecolor) { 
  this.firstName = first; 
  this.lastName = last; 
  this.age = age; 
  this.eyeColor = eyecolor; 
}

// 创建一个继承自Person的子类构造函数
function PersonWithNationality(first, last, age, eyecolor, nationality) {
  // 调用父类构造函数，继承基础属性
  Person.call(this, first, last, age, eyecolor);
  // 添加子类专属的带参数属性
  this.nationality = nationality;
}

// 让子类原型继承父类原型，保证方法复用
PersonWithNationality.prototype = Object.create(Person.prototype);
// 修正子类的构造函数指向（重要步骤）
PersonWithNationality.prototype.constructor = PersonWithNationality;

// 使用示例
const charlie = new PersonWithNationality('Charlie', 'Brown', 28, 'green', 'Australian');
console.log(charlie.nationality); // 输出: 'Australian'
console.log(charlie.firstName); // 输出: 'Charlie'（继承自Person的属性）

这种方式符合面向对象的设计思想，适合需要长期扩展的场景。

以上三种方法都完全满足你的要求：既不修改原构造函数，也不是给prototype赋值静态属性，而是能通过参数动态设置nationality属性。你可以根据自己的实际使用场景来选择～

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