JavaScript 怎么通过重写原型对象实现全新的方法注入-js教程-PHP中文网

重写原型对象是javascript中实现方法注入的直接方式，即用新对象整体替换构造函数的prototype，需手动恢复constructor且仅影响后续实例；若需继承父类，应使用object.create(parent.prototype)创建新原型并修复constructor。

javascript 怎么通过重写原型对象实现全新的方法注入

重写原型对象是 JavaScript 中实现方法注入的直接方式，但它不是“添加”，而是“整体替换”——用一个新对象彻底取代原构造函数的 prototype。这种方式能一次性注入多个方法、属性，甚至改变继承结构，但需注意两个关键点：constructor 指针丢失 和 已创建实例不受影响（仅后续 new 出的实例生效）。

重写原型的基本写法与注入逻辑

核心操作就是给构造函数的 prototype 赋一个全新的对象字面量：

原构造函数不再使用默认空对象作为原型，而是指向你定义的新对象；
这个新对象的所有自有属性和方法，都会成为后续所有实例的共享成员；
由于是整体赋值，原来原型上的方法（如默认的 constructor）会被覆盖，必须手动恢复。

示例：

function User(name) {
  this.name = name;
}

// 重写整个原型对象，注入 greet、logout、isAdmin 三个方法/属性
User.prototype = {
  constructor: User, // ⚠️ 必须手动补回，否则 new User().constructor === Object
  greet() {
    return `Hello, ${this.name}`;
  },
  logout() {
    console.log(`${this.name} logged out`);
  },
  isAdmin: false
};

const u = new User("Alice");
console.log(u.greet()); // "Hello, Alice"
console.log(u.constructor === User); // true（因已修复 constructor）

注入时如何保持继承链不中断

若想让新原型继续继承父类（比如从 Person 继承），不能只写个字面量，而要让新原型本身是父类的一个实例：

javascript-pro

专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家，适用于现代开发

下载

用 Object.create(Parent.prototype) 创建空白对象，其 [[Prototype]] 指向父类原型；
再往该对象上添加自己的方法，最后赋给子类 prototype；
同时设置 constructor，避免指向错误。

示例（SubType 继承 SuperType）：

function SuperType() {}
SuperType.prototype.sayHi = function() { return "Hi from Super"; };

function SubType(name) {
  this.name = name;
}

// 正确重写：保持原型链指向 SuperType.prototype
SubType.prototype = Object.create(SuperType.prototype);
SubType.prototype.constructor = SubType; // 修复 constructor

// 注入新方法
SubType.prototype.sayBye = function() { return "Bye from Sub"; };

const inst = new SubType("Bob");
console.log(inst.sayHi());  // "Hi from Super"（继承而来）
console.log(inst.sayBye()); // "Bye from Sub"（注入而来）

常见陷阱与规避建议

重写原型看似简单，但容易引发隐性问题：

constructor 指向丢失：字面量重写后 User.prototype.constructor 默认为 Object，导致 instance.constructor 判定失真，影响序列化、类型检查等场景；
已存在实例不更新：重写前创建的实例，其 __proto__ 仍指向旧原型，不会获得新注入的方法；
枚举性变化：字面量对象的属性默认 enumerable: true，而原生方法（如 toString）是不可枚举的，可能影响 for...in 行为；
破坏 instanceof 判断：若忘记设 constructor 或原型链断裂，inst instanceof User 可能返回 false。