在前端开发中，我们经常需要判断一个对象是否为某个类的实例。一般来说，我们会使用 JavaScript 的原生方法 instanceof 进行判断。但是，当涉及到多个全局作用域时，instanceof 方法的判断会出现问题。针对这个问题，我们可以使用 npm 包 instance-of 来解决。
instance-of 使用方法
安装
在使用 instance-of 之前，我们需要在项目中进行安装。我们可以使用 npm 命令进行安装：
--- ------- -----------
引入
安装完成后，我们需要在项目中引入 instance-of 库：
----- ---------- - -----------------------
使用
引入库后，我们就可以使用 instanceOf 方法进行判断了。其使用方法与原生的 instanceof 方法基本相同：
----- ------ -
----------------- -
--------- - -----
-
-
----- - - --- --------------
------------------------- --------- -- ----
------------------------- --------- -- ----
------------------------- -------- -- -----instance-of 原理分析
原生 instanceof 方法的问题
所有 JavaScript 对象都有一个 __proto__ 属性，它指向该对象的原型。instanceof 方法的实现基于这个属性，在判断一个对象是否为某个类的实例时，它会一直向上层原型链查找，以确定该对象是否直接或间接地继承自指定的构造函数的原型。
但是，在多个全局作用域之间，各自的构造函数是不同的，因此 instanceof 在这种情况下无法正确判断。例如：
----- ------ - --------------------------------- ---------------------------------- ----- --- - --------------------- ----- --- - ------------------------- ----- --- - --- ------ --------------- ---------- -------------- -- -----
在这个例子中，我们在 iframe 中获取了一个新的全局作用域，然后在该作用域中创建了一个新的文档对象。此时使用 instanceof 方法判断该文档对象是否为 window.Document 的实例时，会返回 false，但实际上它是 window.Document 的实例。这是因为在 iframe 的全局作用域中，document.constructor 与 window.Document 不同。
instance-of 的解决方法
instance-of 库通过以下方式来解决 instanceof 方法的问题：
- 将要判断的对象的原型链中的每个原型，以及原型链所指向的对象本身，都存储在一个 Map 对象中。
- 遍历指定构造函数的原型链，如果其任意一个原型或该构造函数本身出现在上述 Map 中，即判断为 true；否则判断为 false。
这种方法不依赖于原生 instanceof 方法的实现，可以正确地在多个全局作用域之间分辨实例的类型。
总结
在多个全局作用域之间，使用原生 instanceof 方法可能会出现问题。此时，我们可以使用 npm 包 instance-of 来正确地判断实例的类型。它的实现方式是将对象的原型链存储在一个 Map 对象中，遍历判断构造函数的原型链和 Map 中的对象，以确定是否为该类的实例。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/77973