在 JavaScript 中，对象之间的继承关系是通过原型链来实现的。在 ES6 之前，我们通过修改对象的原型来实现继承，但是这种方法可能会造成一些问题，比如原型被修改后，对象的属性访问会变慢，而且可能会导致一些难以调试的问题。ES6 引入了 class 语法糖，使得继承变得更加简单和直观，但是在某些情况下，我们还是需要手动管理继承链，这时候就可以使用 ES9 中新增的 Object.setPrototypeOf 方法。
Object.setPrototypeOf 方法简介
Object.setPrototypeOf 方法用于设置一个对象的原型（即继承关系），它的语法如下：
Object.setPrototypeOf(obj, prototype)
其中，obj 表示要设置原型的对象，prototype 表示要设置的原型对象。这个方法会返回 obj 对象本身，因此可以链式调用。
使用示例
下面是一个简单的示例，演示了如何使用 Object.setPrototypeOf 方法来设置对象的原型：
// javascriptcn.com 代码示例
const person = {
sayHello() {
console.log(`Hello, my name is ${this.name}`)
}
}
const john = {
name: 'John'
}
Object.setPrototypeOf(john, person)
john.sayHello() // 输出：Hello, my name is John在这个示例中，我们定义了一个 person 对象，它有一个 sayHello 方法。然后我们定义了一个 john 对象，它的 name 属性为 'John'。接着，我们使用 Object.setPrototypeOf 方法将 john 对象的原型设置为 person 对象，这样 john 对象就可以继承 person 对象的 sayHello 方法了。
继承链管理示例
下面是一个稍微复杂一些的示例，演示了如何使用 Object.setPrototypeOf 方法来手动管理继承链：
// javascriptcn.com 代码示例
class Animal {
constructor(name) {
this.name = name
}
speak() {
console.log(`${this.name} makes a noise.`)
}
}
class Dog extends Animal {
constructor(name) {
super(name)
}
speak() {
console.log(`${this.name} barks.`)
}
}
class Cat extends Animal {
constructor(name) {
super(name)
}
speak() {
console.log(`${this.name} meows.`)
}
}
class Lion extends Cat {
constructor(name) {
super(name)
}
speak() {
console.log(`${this.name} roars.`)
}
}
const dog = new Dog('Rufus')
const cat = new Cat('Fluffy')
const lion = new Lion('Simba')
Object.setPrototypeOf(Dog.prototype, Animal.prototype)
Object.setPrototypeOf(Cat.prototype, Animal.prototype)
Object.setPrototypeOf(Lion.prototype, Cat.prototype)
dog.speak() // 输出：Rufus barks.
cat.speak() // 输出：Fluffy meows.
lion.speak() // 输出：Simba roars.在这个示例中，我们定义了 Animal、Dog、Cat 和 Lion 四个类，它们之间的继承关系如下：
Animal
|
+-- Dog
|
+-- Cat
|
+-- Lion我们想要实现的效果是，让 Dog 和 Cat 继承 Animal 的 speak 方法，让 Lion 继承 Cat 的 speak 方法。为了达到这个目的，我们需要手动设置它们之间的继承关系，具体来说，就是将 Dog、Cat 和 Lion 的原型分别设置为 Animal、Animal 和 Cat。
总结
Object.setPrototypeOf 方法可以用于手动设置对象之间的继承关系，从而更加灵活地管理继承链。但是需要注意的是，手动修改继承关系可能会带来一些问题，比如属性访问变慢和难以调试等。在实际开发中，应该根据具体情况来选择是否需要手动管理继承链。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65853e1bd2f5e1655dfe852a