概述
Object.setPrototypeOf() 方法是 ECMAScript 2016 标准中引入的一个新方法，它允许开发者修改一个对象的原型（即 proto 属性）。该方法的语法如下：
Object.setPrototypeOf(obj, proto);
其中，obj 是要修改原型的对象，proto 是新的原型。注意，obj 和 proto 必须都是对象，否则会抛出 TypeError 异常。
深度解析
在 JavaScript 中，原型是一种对象间共享属性的方式。每个对象都有一个内部属性 proto，指向自己原型对象。原型对象也有自己的原型，直到 Object.prototype，形成一条原型链。原型链可以实现对象进一步继承，这是 JavaScript 的一个核心概念。
通常情况下，我们创建一个对象时，会指定它的原型为某个对象，例如：
var objA = { x: 1 };
var objB = Object.create(objA); // 原型为 objA在 ECMAScript 5 之前，我们使用 proto 属性修改对象的原型，例如：
objB.__proto__ = { y: 2 }; // 将原型改为一个新的对象然而，ECMAScript 5 规范明确禁止访问 proto 属性。在现代浏览器（如 Chrome、Firefox）中，我们可以使用 Object.getPrototypeOf() 和 Object.setPrototypeOf() 方法访问和修改原型，例如：
console.log(Object.getPrototypeOf(objB)); // 输出 objA
Object.setPrototypeOf(objB, { y: 2 } ); // 将原型改为一个新的对象
console.log(Object.getPrototypeOf(objB)); // 输出 { y: 2 }需要注意的是，修改原型会导致原型链变更，可能会影响到对象的属性和方法。通常情况下，我们应该避免频繁地修改原型，以免引入难以调试和维护的 bug。
实例演示
下面是一个实例演示 Object.setPrototypeOf() 方法的使用，假设我们有一个 Animal 类，定义了 eat() 和 sleep() 方法：
-- -------------------- ---- ------- -- -- ------ - -------- ------------ - --------- - ----- - -------------------- - -------- -- - ------------------------- ------ - ---------------------- - -------- -- - ------------------------- ----- - -- ---- ------ -- --- ------ - --- ------------- ------------- -- -- --- ---- --------------- -- -- --- ---
现在我们想创建一个 Cat 类，继承自 Animal，并新增 climb() 方法。由于 ECMAScript 5 之前没有原生支持类的语法（即 class 关键字），我们只能模拟类继承。一种常见的实现方式是使用 Object.create() 方法创建一个新的对象，将父类的实例作为它的原型。然后在新的对象上定义子类的属性和方法，例如：
-- -------------------- ---- ------- -- -- --- - -------- --------- - ----------------- ------ -- --------- - ------------- - -------------------------------- -- -- ------ --- ------------------------- - ---- -- -------- ------------------- - -------- -- - -- -- ----- -- ------------------------- ------- - -- ---- --- -- --- --- - --- ---------- ---------- -- -- --- ---- ------------ -- -- --- --- ------------ -- -- --- -----
现在我们想要修改 Cat 类的原型，新增 jump() 方法。由于我们没有直接访问 proto 属性的权限，我们可以使用 Object.setPrototypeOf() 方法。
Object.setPrototypeOf(Cat.prototype, {
jump: function () { // 新增 jump 方法
console.log(`${this.name} 能够跳高`);
}
});测试代码：
cat.eat(); // 输出 "小猫 吃东西" cat.sleep(); // 输出 "小猫 睡觉" cat.climb(); // 输出 "小猫 能够爬树" cat.jump(); // 输出 "小猫 能够跳高"
注意事项
尽管 Object.setPrototypeOf() 方法可以帮助我们修改对象的原型，但是它并不是一个高效的方法。由于每次设置原型都会导致原型链重建，因此频繁地修改原型会产生性能问题。除非有必要，否则不要使用该方法。
同时，由于 Object.setPrototypeOf() 方法的使用不同于传统的类继承语法，可能会增加代码的维护难度。我们应该谨慎使用该方法，并确认它符合项目的需求和规范。
结论
ECMAScript 2016 中引入的 Object.setPrototypeOf() 方法可以帮助开发者修改对象的原型，提供了一种模拟类继承的方式。该方法的使用虽然不同于传统的类继承语法，但可以帮助我们实现代码的重用和维护。同时，由于修改原型会导致原型链变更和性能问题，我们应该谨慎使用该方法，并对使用场景进行合理的把握。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/671f3af02e7021665efc7e8f