在编写 JavaScript 代码的过程中，我们经常需要查看一个对象的原型链（prototype chain）。这个原型链反映了一个对象从哪些对象中继承了属性和方法。而 get-prototype-chain 是一个非常有用的 npm 包，可以帮助我们快速查看一个对象的原型链，提高开发效率。本文将分享如何使用 get-prototype-chain 包以及其详细功能介绍和示例代码。
为什么要使用 get-prototype-chain？
在 JavaScript 中，每一个对象都有一个原型链。我们需要查看这个原型链，以便在编写代码时更好地理解对象的属性和方法的继承关系。但是在 JavaScript 中，原型链并不是一目了然的，需要开发者自己通过代码来分析。这个过程十分繁琐，容易出错。
get-prototype-chain 包的出现解决了这个问题。这个包可以返回一个对象的原型链，而且非常易于使用。当我们需要快速查看一个对象的原型链时，只需要安装和调用这个包即可。接下来，我们将详细了解如何安装和使用这个包。
安装 get-prototype-chain 包
要使用 get-prototype-chain 包，首先需要安装它。通过 npm 命令可以很容易地完成这个过程：
npm install get-prototype-chain
在安装完成后，我们就可以开始使用这个包了。
使用 get-prototype-chain 包
使用 get-prototype-chain 包非常简单，只需要调用它的 getPrototypes 函数，传入要查看原型链的对象即可。例如，在以下代码中，我们使用 get-prototype-chain 包来查看一个数组对象的原型链：
const getPrototypes = require('get-prototype-chain')
const arr = [1, 2, 3]
const prototypes = getPrototypes(arr)
console.log(prototypes)上面的代码中，我们首先导入了 get-prototype-chain 包的 getPrototypes 函数，然后创建了一个数组对象 arr。接下来，我们调用了 getPrototypes 函数，并传入了 arr 对象。最后，将返回的原型链打印到控制台。
get-prototype-chain 包返回的原型链是一个数组，数组的第一项是传入对象本身，后面的项是对象的各个原型。例如在上面的示例中，打印的原型链第一个元素就是我们传入的数组对象 [1, 2, 3]。接下来的元素是 Array 对象、Object 对象和 null。这三个元素构成了数组对象的原型链。
在上面的示例中，我们仅仅查看了数组对象的原型链。但是，在实际开发中，我们同样可以使用 get-prototype-chain 包来查看其他对象的原型链，例如函数对象、Date 对象和字符串对象等等。
get-prototype-chain 包的 API
除了提供 getPrototypes 函数外，get-prototype-chain 包还提供了其他几个函数，下面我们将一一介绍。
getPrototypeChain(obj)
getPrototypes 函数已经介绍过了，这里我们再介绍一下 getPrototypeChain 函数。这个函数与 getPrototypes 类似，它也返回一个对象的原型链。但是与 getPrototypes 不同的是，getPrototypeChain 会在链上展示每个对象的构造函数名。例如：
-- -------------------- ---- -------
----- ----------------- - ------------------------------
----- ------ -
------------- -
--------- - -----
-
-
----- ------ - --- --------
----- ---------- - -------------------------
-----------------------打印结果如下：
-- -------------------- ---- -------
-
-
---------------- ---------
------- - ----- ----- -
--
-
---------------- ---------
------- --
--
----
-可以看到，Person 和 Object 的构造函数名都被显示在了原型链中。
getPrototypeOf(obj)
这个函数用来返回一个对象的原型。它类似于 Object.getPrototypeOf，但是不同的是，它还考虑了对象的实例类型。例如：
const { getPrototypeOf } = require('get-prototype-chain')
class Person {}
class Student extends Person {}
const student = new Student()
console.log(getPrototypeOf(student)) // Person {}在这个例子中，我们创建了一个 Person 类和一个 Student 类，Student 继承了 Person。然后，创建了一个 student 对象的实例，调用了 getPrototypeOf 函数。注意，这里返回的是 person 对象的实例，而不是 Person 类本身。
getPrototypeOfChain(obj)
这个函数和 getPrototypeChain 函数类似，它返回的是一个原型链数组，但在每个元素中包括了构造函数名和对象实例。例如：
-- -------------------- ---- -------
----- - ------------------- - - ------------------------------
----- ------ -
------------- -
--------- - -----
-
-
----- ------ - --- --------
----- ---------- - ---------------------------
-----------------------打印结果如下：
-- -------------------- ---- -------
-
-
---------------- ---------
------- ------ --
--
-
---------------- ---------
------- --
--
----
-getPrototypeOfChain 函数与 getPrototypeChain 函数的区别就在于，前者额外返回了对象实例。
isPrototypeOf(obj, candidate)
这个函数用来检查一个对象是否在另一个对象的原型链上。例如：
-- -------------------- ---- ------- ----- - ------------- - - ------------------------------ ----- ------ -- ----- ------- ------- ------ -- ----- ------ - --- -------- ----- ------- - --- --------- ------------------------------------------- --------- -- ----- ------------------------------------------- -------- -- ----
在这个例子中，我们创建了一个 Person 类和一个 Student 类，Student 继承了 Person。同时，我们创建了一个 person 对象和一个 student 对象。然后，我们测试了 Person.prototype 是否在两个对象的原型链上，结果只有 person 对象的原型链上有 Person.prototype。
结语
get-prototype-chain 包是一个非常有用的 npm 包。它可以让我们在编写 JavaScript 代码时更轻松地查看对象的原型链，进一步深入理解 JavaScript 的面向对象特性。同时，这个包也提供了一系列丰富的 API，让我们能够更加灵活地使用它。希望本文能够对初学者们有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f3122d53b0ab45f74a8bcfc