instanceof 原理

运行流程

function instance_of(L, R) {                               //L 表示左表达式，R 表示右表达式

  var O = R.prototype;                                    // 取 R 的显式原型（后面的对象只取显式原型prototype）

  L = L.__proto__;                                       // 取 L 的隐式原型(判断的对象取__proto__，而且会一直向上判断)

  while (true) { 

    if (L === null) 

      return false; 

    if (O === L)                                          // 这里重点：当 O 严格等于 L 时，返回 true 

      return true; 

    L = L.__proto__; 

  } 

 }

 

在 JavaScript 原型继承结构里面，规范中用 [[Prototype]] 表示对象隐式的原型，在 JavaScript 中用 __proto__ 表示，并且在 Firefox 和 Chrome 浏览器中是可以访问得到这个属性的，但是 IE11 以下不行。所有 JavaScript 对象都有 __proto__ 属性，但只有 Object.prototype.__proto__ 为 null，前提是没有在 Firefox 或者 Chrome 下修改过这个属性。这个属性指向它的原型对象。 至于显式的原型，在 JavaScript 里用 prototype 属性表示

 

 

 

判断举例

Object instanceof Object

// 为了方便表述，首先区分左侧表达式和右侧表达式

 ObjectL = Object, ObjectR = Object; 

 // 下面根据规范逐步推演

 O = ObjectR.prototype = Object.prototype 

 L = ObjectL.__proto__ = Function.prototype 

 // 第一次判断

 O != L 

 // 循环查找 L 是否还有 __proto__ 

 L = Function.prototype.__proto__ = Object.prototype 

 // 第二次判断

 O == L 

 // 返回 true

 

 

Function instanceof Function

// 为了方便表述，首先区分左侧表达式和右侧表达式

 FunctionL = Function, FunctionR = Function; 

 // 下面根据规范逐步推演

 O = FunctionR.prototype = Function.prototype 

 L = FunctionL.__proto__ = Function.prototype 

 // 第一次判断

 O == L 

 // 返回 true

 

 

Foo instanceof Foo

// 为了方便表述，首先区分左侧表达式和右侧表达式

 FooL = Foo, FooR = Foo; 

 // 下面根据规范逐步推演

 O = FooR.prototype = Foo.prototype 

 L = FooL.__proto__ = Function.prototype 

 // 第一次判断

 O != L 

 // 循环再次查找 L 是否还有 __proto__ 

 L = Function.prototype.__proto__ = Object.prototype 

 // 第二次判断

 O != L 

 // 再次循环查找 L 是否还有 __proto__ 

 L = Object.prototype.__proto__ = null 

 // 第三次判断

 L == null 

 // 返回 false

 

转载于:https://www.cnblogs.com/chuangweili/p/5164084.html