在JavaScript中，对象是一等公民。它们可以用来存储和操作数据，也可以用作函数参数和返回值。通过继承，我们可以避免代码冗余并更好地组织代码。而在ES6之前，JavaScript没有一个简单的方法来设置一个对象的原型。这项任务需要使用非常繁琐的Object.create()函数。
在ES6中，使用新语法class ，创建类变得更加容易。现在，在ES7中，我们也有另一种方法来简化工作——setPrototypeOf()方法。
在这篇文章中，我们将学习有关该函数的详细信息，并了解如何使用它来提高我们的前端开发工作效率。
setPrototypeOf() 方法的定义
setPrototypeOf() 方法是一个Object.prototype 的静态方法，用于设置给定对象的原型（即其[[Prototype]]内部属性）。如果成功，则返回true，否则返回false 。
该方法的语法如下：
Object.setPrototypeOf(obj, prototype)
其中:
- obj: 必须。要进行原型赋值的对象。
- prototype: 必须。要指定为obj所属的原型的对象。
注意： 不建议频繁使用此功能，因为它会导致性能问题。
setPrototypeOf() 方法的示例
现在，让我们通过实际例子来了解这个函数。假设我们有两个对象， objectA 和 objectB，它们都有一个共同的方法sayHi。那么我们可以通过将对象B的原型设置为对象A，从而让对象B继承对象A的所有属性和方法。
-- -------------------- ---- -------
-- -------------
--- ------- - -
------- -
------------------- - -- ---------
-
--
-- --------------
--- ------- - ---
-- ---------------------
------------------------------ ---------
--------------------------
---------------- ---- ------- - -- --------上面的代码中，我们首先定义了一个名为objectA的对象，并且在该对象上定义了一个名为 sayHi 的方法。接着我们定义了一个空对象objectB，然后通过setPrototypeOf()方法将它的原型指定为objectA.
最后我们调用objectB上的sayHi方法，并得到了正确的输出结果。
需要注意的是，我们还可以使用Object.create()方法创建一个实现相同效果的新对象。 但是setPrototypeOf方法不仅更简单且清晰易懂，因此在ES7 中使用这种方法可能更加方便。
setPrototypeOf() 方法的好处
使用 setPrototypeOf() 方法，可以给object定义一个共享的原型链，从而允许多个对象共享部分或全部方法和属性。这使得编程变得更加高效和简洁。
此外， setPrototypeOf() 方法还可以用来检测或修改对象的原型链，这对于调试复杂的JavaScript代码非常有用。
结论
ES7中Object.setPrototypeOf()方法为我们提供了一种简单而有效的方式来设置对象的原型。虽然在一些情况下，您仍然可能会使用 Object.create() 方法，但当您需要更简洁和直接的方法时，setPrototypeOf() 方法是一个很好的选择。
尽管不建议频繁更改原型链，但此函数确实具有特定的场景。使用该语法，可以使代码变得更加清晰易懂且易于维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67556fd63af3f99efe4cdfa3