JavaScript instanceof

instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。(MDN)

instanceof 是另一种检测类型的手段，但通常用于检测对象之间的关系，如某个对象是不是由某个构造函数生成的。
  function   Person  ( name )   { 
   this  . name  =  name ; 
 } 

 var  person  =   new   Person  (  '小明'  )  ; 

console .  log  ( 
  person  instanceof   Person  , 
 )  ;   //  输出 ：true 
 
1. 语法
 对象  instanceof  构造 函数  ; 
 
虽然语法是这样的，其实左侧可以是任意数据类型，但右侧必须是一个函数。

否则会报如下错误：
  [  ]   instanceof   {  }  ; 

 // Uncaught TypeError: Right-hand side of 'instanceof' is not callable 
 
错误大致意思是 instanceof 的右操作数不能被调用。

在 JavaScript ，可被调用的目前只有函数。

2. 注意点

使用 instanceof 检测的时候，不一定只有一个为 true 的结果。
  function   Person  ( name )   { 
   this  . name  =  name ; 
 } 

 var  person  =   new   Person  (  '小明'  )  ; 

console .  log  ( 
  person  instanceof   Person  , 
  person  instanceof   Object  , 
 )  ;   //  输出 ：true 
 
因为 instanceof 实际上是去左操作数的原型链上寻找有没有右操作数的原型。

person 的原型链上既匹配到 Person.prototype 又能匹配到 Object.prototype ，所以都能返回 true 。

使用的时候要注意这个问题，如判断某个对象的原型链上是否有 Object.prototype 的时候，要考虑到一些其他对象。
  [  ]   instanceof   Object  ;   // true 
 
数组的原型链上也是有 Object.prototype 的，所以做一些检测的时候要考虑一些特殊情况。

3. 小结

instanceof 可以用来检测对象和构造函数之间的关系，其检测的原理是左操作数的原型上是否有右操作数的 prototype 属性，所以要注意一些检测的特殊情况。

JavaScript this ? ?new 运算符与构造函数

查看更多关于JavaScript instanceof的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did92442

更新时间：2022-10-22 阅读：40次