JavaScript 中如何利用 Object.setPrototypeOf 实现对象继承-js教程-PHP中文网

object.setprototypeof可直接修改对象的[[prototype]]实现继承，但影响性能且不推荐高频使用；它返回被修改的原对象，常用于手动模拟单层继承或构造函数式类继承，替代方案包括object.create和class语法。

javascript 中如何利用 object.setprototypeof 实现对象继承

Object.setPrototypeOf 可以直接修改对象的原型（[[Prototype]]），是实现简单对象继承的一种底层方式，但需谨慎使用。

理解 setPrototypeOf 的作用

它把一个对象的内部原型链指向另一个对象，相当于手动设置 __proto__。这能让子对象访问父对象的属性和方法，从而模拟继承关系。

语法： Object.setPrototypeOf(obj, prototype)
返回值是修改后的 obj（原对象被修改，非拷贝）
不推荐在性能敏感或高频调用场景中使用，因为会干扰 JavaScript 引擎的优化（如内联缓存）

手动实现单层继承

比如让 child 继承 parent 的方法：

const parent = {
  greet() { return 'Hello'; }
};

const child = { name: 'Alice' };
Object.setPrototypeOf(child, parent);

console.log(child.greet()); // 'Hello'
console.log(child.name);    // 'Alice'

此时 child.__proto__ === parent 为 true，查找 greet 时会沿原型链向上找到 parent。

OpenJDK 24

下载

配合构造函数模拟类式继承

虽然现代推荐用 class 和 extends，但用 setPrototypeOf 可手动还原其行为：

function Animal(name) {
  this.name = name;
}
Animal.prototype.speak = function() {
  return `${this.name} makes a sound`;
};

function Dog(name, breed) {
  Animal.call(this, name);
  this.breed = breed;
}

// 关键：让 Dog.prototype 继承 Animal.prototype
Object.setPrototypeOf(Dog.prototype, Animal.prototype);

Dog.prototype.bark = function() {
  return `${this.name} barks!`;
};

const dog = new Dog('Buddy', 'Golden');
console.log(dog.speak()); // 'Buddy makes a sound'
console.log(dog.bark());  // 'Buddy barks!'

注意：必须在定义实例方法前设置原型链，否则方法无法被继承。