在 JavaScript 中，继承是一种重要的概念。它允许我们创建新的对象，从现有的对象中继承属性和方法。在早期版本的 JavaScript 中，我们可以通过修改对象的原型链来实现继承。但是这种方法存在一些问题，例如性能问题以及安全问题。为了解决这些问题，ECMAScript 2021 增强了原型继承，引入了 Object.setPrototypeOf 方法。
什么是原型继承？
在 JavaScript 中，每个对象都有一个原型，它是从其他对象中继承来的属性和方法的集合。我们可以通过 Object.create 方法来创建一个新对象，使其继承自其他对象的属性和方法。
例如：
const myObj = {
name: "John",
age: 30,
greet() {
console.log(`Hello, my name is ${this.name}.`);
},
};
const newObj = Object.create(myObj);
newObj.color = "blue";在上面的代码中，newObj 对象通过 Object.create 方法继承自 myObj 对象。它具有它自己的属性 color，同时还继承了 myObj 对象的属性和方法，包括 name、age 和 greet 方法。
Object.setPrototypeOf 方法的作用
在早期版本的 JavaScript 中，我们可以通过修改对象的原型链来实现继承。但是这种方法存在一些问题，例如性能问题以及安全问题。为了解决这些问题，ECMAScript 2021 增强了原型继承，引入了 Object.setPrototypeOf 方法。这个方法可以用来改变一个对象的原型。
例如：
const myObj = {
name: "John",
age: 30,
greet() {
console.log(`Hello, my name is ${this.name}.`);
},
};
const newObj = {
color: "blue",
};
Object.setPrototypeOf(newObj, myObj);在上面的代码中，我们创建了一个 newObj 对象，在这个对象上使用 Object.setPrototypeOf 方法，将其原型设置成 myObj 对象。这个方法会立即修改 newObj 对象的原型链，使其继承 myObj 对象的所有属性和方法。
Object.setPrototypeOf 方法的使用
Object.setPrototypeOf 方法的使用非常简单，只需要传入两个参数：要修改其原型的对象和要设置的原型对象。
例如，在下面的代码片段中，我们定义了两个对象 myObj 和 newObj，并将 newObj 的原型设置为 myObj 对象。
const myObj = {
name: "John",
age: 30,
greet() {
console.log(`Hello, my name is ${this.name}.`);
},
};
const newObj = {
color: "blue",
};
Object.setPrototypeOf(newObj, myObj);
console.log(newObj.name); // "John"
console.log(newObj.age); // 30
newObj.greet(); // 输出 "Hello, my name is John."我们可以看到，在 newObj 对象中，我们可以访问到 myObj 对象中的属性和方法。
注意事项
Object.setPrototypeOf 方法虽然可以帮助我们实现原型继承，但是它并不是完美的解决方案，因为它会影响到对象的性能，并且在某些情况下，可能会导致一些安全问题。
因此，在使用 Object.setPrototypeOf 方法时，需要特别小心。确保你理解该方法的工作原理，并且仅在必要情况下使用它。在绝大多数情况下，使用 Object.create 方法来实现原型继承会更加安全和高效。
总结
ECMAScript 2021 增强了原型继承，引入了 Object.setPrototypeOf 方法。这个方法可以用来改变一个对象的原型，从而实现继承。虽然它可以帮助我们实现原型继承，但是它并不是完美的解决方案，需要特别小心使用。在绝大多数情况下，使用 Object.create 方法来实现原型继承会更加安全和高效。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65a4c2bbadd4f0e0ffd16fd0