在前端开发过程中，我们常常需要判断某个对象是否属于某个类。对于相同类的对象，可以通过 instanceof 运算符进行判断。但是在 ECMAScript 2019 中，新增了一个 instanceOf() 方法，可以实现更加灵活的实例判断操作。这篇文章将介绍 instanceOf() 方法的原理、详细用法以及实际应用。
instanceOf 方法的原理
instanceOf() 方法是 JavaScript 中的一个实例方法，用于判断某个对象是否是某个类的实例。其语法如下：
object instanceof constructor
其中，object 为被检测对象，constructor 表示构造函数。
instanceOf() 方法会检测 object 是否为 constructor 的实例。如果是，返回 true；否则，返回 false。
instanceOf 方法的详细用法
下面我们将通过一个示例来详细解释 instanceOf() 方法的用法。
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
--------- -
--------------- ---- -- ---------------
-
-
----- --- ------- ------ -
----------------- ------ -
------------
---------- - ------
-
---------- -
--------------- ----- -- ----------------
-
-
----- --- - --- ------------ -----------
--------------- ---------- --------
--------------- ---------- -----
--------------- ---------- --------在上面的代码中，我们定义了一个 Animal 类和一个 Cat 类，Cat 继承自 Animal。我们新建一个名为“Kitty”，品种为“Persian”的猫实例 cat。
接下来，我们使用 instanceOf 方法检测 cat 是否为 Animal 和 Cat 的实例，以及所有对象的实例 Object。执行结果如下：
true true true
从这个例子中，我们可以看出，instanceOf 方法不仅可以判断对象是否属于某个类，还可以判断其是否属于该类的父类或父类的父类。
instanceOf 方法的实际应用
instanceOf 方法在实际应用中非常广泛。下面我们将结合实际开发做进一步讲解。
模拟面向对象编程中的多态
在面向对象编程中，多态是一种常见的设计模式，可以实现代码的灵活性和可扩展性。instanceOf 方法可以用于模拟多态效果。我们可以定义一个基类和几个子类，每个子类都有自己的实现，达到不同的效果。通过 instanceOf 方法来判断对象属于哪个子类。
-- -------------------- ---- -------
----- ------ -
----------------- -
--------- - -----
-
--------- -
--------------- ---- -- ---------------
-
-------------- -
-------------- -- -- ---------
-
-
----- --- ------- ------ -
----------------- ------ -
------------
---------- - ------
-
-------------- -
-------------- -- - ------
-
---------- -
--------------- ----- -- ----------------
-
-
----- --- ------- ------ -
----------------- ------ -
------------
---------- - ------
-
-------------- -
-------------- -- - ------
-
---------- -
--------------- ----- -- ----------------
-
-
----- --- - --- ------------ -----------
----- --- - --- ------------ ------------
------------------- -- - -- - ---
------------------- -- - -- - ---
-------- --------------- -
-- ------- ---------- ---- -
-------------------
- ---- -- ------- ---------- ---- -
-------------------
- ---- -
----------------------
-
-
------------- -- ---
------------- -- ---在上面的代码中，我们定义了一个基类 Animal，以及两个子类 Cat 和 Dog。每个子类都有自己的 saySomething() 方法，覆盖了基类的方法。我们新建了一个名为“Kitty”，品种为“Persian”的猫实例 cat 和一个名为“Buddy”，品种为“Labrador”的狗实例 dog。
接着，我们定义了一个 sayType() 函数，对传进来的 animal 变量进行 instanceOf 判断，输出对应的子类名称。
判断对象是否实现了某个接口
在 JavaScript 中，没有接口的概念，但是我们可以通过 instanceOf 方法判断对象的方法是否实现了某个接口。例如，我们定义了一个可以发出声音的接口，不同的动物实现接口的方式也不同。我们可以使用 instanceOf 方法判断对象是否实现了该接口。
-- -------------------- ---- -------
----- ------ -
----------- --
-
----- --- ------- ------ -
----------- -
--------------------
-
-
----- --- ------- ------ -
----------- -
---------------------
-
-
-------- ------------------- -
------ -
------ ---------- ------ --
------ ---------------- --- ---------- --
-----------------------------------------
--
-
----- --- - --- ------
----- --- - --- ------
------------------------------ -- ----
------------------------------ -- ----
----------------------------- -- -----在上面的代码中，我们定义了一个基类 Animal，以及两个子类 Cat 和 Dog。每个子类都实现了 makeSound() 方法。
接着，我们定义了一个 isMakeSound() 函数，对传进来的 animal 变量进行 instanceOf 判断以及 makeSound() 方法的存在性和类型。如果符合条件，返回 true；否则，返回 false。
最后，我们创建了一个名为 cat 的猫实例和一个名为 dog 的狗实例，并分别调用 isMakeSound() 函数来判断是否实现了 makeSound() 方法。
结论
instanceOf() 方法是 JavaScript 中的一个实例方法，用于判断某个对象是否是某个类的实例。它可以判断对象是否属于某个类，还可以判断其是否属于该类的父类或父类的父类。通过 instanceOf 方法，我们可以模拟面向对象编程中的多态，实现代码的灵活性和可扩展性。同时也可以判断对象是否实现了某个接口。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672e58e6eedcc8a97c88e153