在前端开发中，我们经常会用到对象的继承和原型链。ES6 中引入了 class 和 extends 关键字，方便我们进行面向对象编程。但是在某些情况下，我们需要手动设置对象的原型。这时候就可以使用 ES7 中的 Object.setPrototypeOf 方法。
Object.setPrototypeOf 方法的介绍
Object.setPrototypeOf 方法可以将一个对象的原型设置为另一个对象或 null。它的语法如下：
-------------------------- ----------
其中，obj 表示要设置原型的对象，prototype 表示要设置的原型对象或 null。如果 prototype 参数不是一个对象或 null，则会抛出 TypeError 异常。
Object.setPrototypeOf 方法的使用
下面我们来看一个例子，通过 Object.setPrototypeOf 方法实现一个简单的继承：
----- ------ - -
---------- -
------------------- --------
-
-
----- ----- - --
---------------------------- -------
---------------- -- ------ ------在上面的例子中，我们定义了一个 parent 对象，它有一个 sayHello 方法。然后我们创建了一个空对象 child，并将它的原型设置为 parent 对象。这样，child 对象就继承了 parent 对象的 sayHello 方法。
除了上面的例子，Object.setPrototypeOf 方法还可以用于以下场景：
1. 实现继承
----- ------ -
----------------- -
--------- - ----
-
------- -
------------------------- ----- - --------
-
-
----- --- ------- ------ -
----------------- -
-----------
-
------- -
------------------------- --------
-
-
----- --- - --- -----------
----------- -- ---- ------在上面的例子中，我们用 extends 关键字实现了 Animal 和 Dog 两个类之间的继承。但是如果我们想在 Dog 类中访问 Animal 类的方法或属性，我们就需要手动设置 Dog 类的原型为 Animal 类的实例。这时候就可以使用 Object.setPrototypeOf 方法：
------------------------------------ -----------------
2. 实现 mixin
Mixin 是一种将多个对象合并成一个对象的技术。ES6 中引入了 Object.assign 方法，可以用来实现 mixin。但是 Object.assign 方法只能复制对象的属性和方法，不能复制对象的原型。如果我们想将一个对象的原型合并到另一个对象中，就可以使用 Object.setPrototypeOf 方法。
----- ----- - -
---------- -
------------------- --------
-
-
----- --- - --
-------------------------- ------
-------------- -- ------ ------在上面的例子中，我们定义了一个 mixin 对象，它有一个 sayHello 方法。然后我们创建了一个空对象 obj，并将它的原型设置为 mixin 对象。这样，obj 对象就拥有了 mixin 对象的 sayHello 方法。
Object.setPrototypeOf 方法的注意事项
尽管 Object.setPrototypeOf 方法很方便，但是它会影响对象的性能。因为设置对象的原型需要修改对象的内部属性，这会导致 JavaScript 引擎优化失效。所以，如果不是必须使用 Object.setPrototypeOf 方法，最好使用其他方式实现继承或 mixin。
总结
Object.setPrototypeOf 方法是 ES7 中的新特性，可以用于设置对象的原型。它可以用于实现继承和 mixin，但是会影响对象的性能。在使用时需要注意。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6609373ad10417a2227c74a1