在前端开发中，获取一个对象的原型是一个常见的需求。虽然 JavaScript 中有内置的 Object.getPrototypeOf 方法，但是这个方法并不兼容所有的浏览器。此时，我们可以使用 npm 包 @nathanfaucett/get_prototype_of 来兼容不同的浏览器。
安装
在使用之前，需要先安装 npm 包。可以通过以下命令来安装：
--- ------- ------------------------------- ------
使用方法
接着，在代码中引入包：
--- -------------- - ------------------------------------------
然后就可以使用 getPrototypeOf 方法来获取对象的原型了，例如：
--- --- - --- --- ----- - -------------------- ------------------- -- ------ --
通过 console.log 打印出的结果，我们可以看到获取到了一个 Object 类型的原型对象。
深入理解
上面的使用方法虽然简单，但是并没有涉及到这个方法的原理和实现方式。其实，在这个 npm 包背后，有一些非常有意思的 JavaScript 特性。下面，让我们一起来深入理解。
首先，我们来看一下 Object.getPrototypeOf 方法的实现。
--------------------- - ------------- -
-- --------------- -
------ --------------
- ---- -- ------------------------------------ --- -------- ----------- -
------ --------------------------
- ---- -- ---------------- -- -------------------------- -
------ --------------------------
- ---- -
------ -----
-
-这个方法的基本思路是先尝试获取对象的 __proto__ 属性，如果不存在，则查看对象的 constructor.prototype 属性。在这个实现中，涉及到了一些 JavaScript 中面向对象的基本概念。
JavaScript 中的对象是可以通过构造函数来创建的，而构造函数又是一个对象。在这个构造函数对象中，会有一个 prototype 属性，用于存放该构造函数创建的所有对象的共有属性和方法。例如：
-------- ------------ -
--------- - -----
-
---------------------- - ---------- -
---------------- - -- - - -----------
-
--- ------ - --- ---------------
--------------- -- --- - -- ----在这个例子中，Person.prototype 对象中有一个 sayHi 方法，它被该构造函数创建的所有对象所共享。对象 person 通过原型链查找，最终调用了 Person.prototype 中的 sayHi 方法。
回到 @nathanfaucett/get_prototype_of 包中的实现，其中的 obj.constructor.prototype 用于获取对象的构造函数的 prototype 属性。
-- ---------------- -- -------------------------- -
------ --------------------------
-如果对象没有 __proto__ 属性，则该对象很可能是通过 new 关键字创建的。此时，对象会有一个名为 constructor 的属性，它指向构造函数。因此，可以通过 obj.constructor.prototype 来获取原型。
但是，这种方式有一个例外。如果构造函数被重新赋值了，例如：
-------- -------- -- --- --- - ---------- --- ------------- - ----------------- --- --- - --- ------ --------------------------- --- -------- -- ----
在这个例子中，我们通过重写 Cat.prototype 的方式，让它指向了 Animal.prototype。此时创建出的 cat 对象的 constructor 属性指向的是 Animal，而不是 Cat。
当使用 obj.constructor.prototype 的方式获取原型时，由于 constructor 属性的原因，会出现一些问题。因此，在获取对象原型时，建议使用 __proto__ 的方式。而 @nathanfaucett/get_prototype_of 包中的实现，就是如此实现的。
指导意义
通过 @nathanfaucett/get_prototype_of 包，我们可以兼容不同的浏览器，同时也深入理解了 JavaScript 中的对象、构造函数和原型链等重要的概念。
在实际开发中，通过充分理解这些概念，我们可以更好地进行封装、继承等面向对象编程的实践。
示例代码
下面是一个完整的示例代码。
--- -------------- - ------------------------------------------
-------- ------------ -
--------- - -----
-
---------------------- - ---------- -
---------------- - -- - - -----------
-
--- ------ - --- ---------------
--- ----- - -----------------------
------------------- -- ------ - ------ ---------- -来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066bcd967216659e244939