简介
在 ES5 以前，JavaScript 中的继承方式主要是通过原型链来实现的，但是原型链的构建方式往往比较麻烦，代码可读性差，而且还存在一些缺陷。为了解决这些问题，ES6 引入了 class 和 extends 关键字，用于构建类和继承，但是这种方式还是存在一些问题，比如不兼容旧版本浏览器等。为了解决这个问题，ES7 提供了 Object.create 和 Object.setPrototypeOf 等创建继承链的方法，本文将详细介绍这些方法的使用和意义。
Object.create
Object.create 方法是从一个已有的对象创建一个新的对象，新对象的原型是指定的对象，它的语法格式如下所示：
--------------------- ------------------
其中，proto 表示新创建对象的原型，而 propertiesObject 表示可选的属性描述对象。下面是一个示例：
----- ------ - -
----- ---------
---------- -
------------------- - -- ---------------
--
--
----- ----- - --------------------- -
----- -
------ --------
--
---
----------------- -- --- ------ - -- -----在上面的示例中，我们首先定义了一个 parent 对象，它有一个 sayHello 方法和一个 name 属性。然后我们用 Object.create 方法基于 parent 创建了一个新对象 child，并重新定义了 name 属性，把它的值设置为 'child'。最后我们调用了 child 的 sayHello 方法，输出了期望的结果。
从上面的示例中我们可以看出，Object.create 方法不仅简化了原型链的构建过程，而且还提供了更好的可读性和可维护性。
Object.setPrototypeOf
除了 Object.create 方法，ES7 还提供了 Object.setPrototypeOf 方法，它用于设置一个对象的原型，它的语法格式如下所示：
-------------------------- ----------
其中，obj 表示要设置原型的对象，而 prototype 表示要设置的原型对象。下面是一个示例：
----- ------ - -
----- ---------
---------- -
------------------- - -- ---------------
--
--
----- ----- - -
----- --------
--
---------------------------- --------
----------------- -- --- ------ - -- -----在上面的示例中，我们首先定义了一个 parent 对象，它有一个 sayHello 方法和一个 name 属性。然后我们定义了一个 child 对象，并用 Object.setPrototypeOf 方法把它的原型设置为 parent。最后我们调用了 child 的 sayHello 方法，输出了期望的结果。
从上面的示例中我们可以看出，Object.setPrototypeOf 方法能够更灵活地设置对象的原型，而且它的语法格式也更加清晰易懂。
注意事项
尽管 Object.create 和 Object.setPrototypeOf 方法能够让我们更方便地创建继承链，但是它们还是存在一些限制和注意事项。
首先，Object.create 是通过现有的对象来创建新的对象，因此新对象的类型不能改变。比如，如果我们用 Object.create 方法创建了一个数组对象，那么它肯定还是一个数组对象，而不是另外一个类型的对象。
其次，操作原型对象时要小心，因为原型对象是共享的。如果我们修改了一个对象的原型，那么和这个原型相关的对象都会受到影响。因此，一般情况下我们应该避免修改原型对象，而是应该创建新的对象。
最后，使用 Object.create 和 Object.setPrototypeOf 方法的时候要注意它们对性能的影响。由于这两个方法的实现方式比较复杂，因此在大量使用的时候可能会导致性能问题，尤其是在一些较低性能的浏览器上。
总结
本文详细介绍了 ES7 中的 Object.create 和 Object.setPrototypeOf 等创建继承链方法，讲解了它们的语法格式、使用方法和注意事项等，希望可以帮助读者更好地了解它们的意义和作用。更多关于前端开发的技术文章，请关注我的博客。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/645ee2c1968c7c53b010f4ff