手写instanceof#

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

原理#

instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上。

就是找对象原型链上是否有某个构造函数的原型

实现#

1
function _instanceof(obj, fn){
2
    let proto = obj.__proto__;
3
    let prototype = fn.prototype;
4
    while(true){
5
      if(prototype === null){
6
        return false;
7
      }
8
      if(proto === prototype){
9
        return true;
10
      }
11
      proto = prototype.__proto__;
12
    }
13
}

首先将实例的[[Prototype]]指针赋值给proto对象，这里指向的是此对象构造函数的原型

之后将构造函数的原型赋值给prototype，这里要排除原型指向null的情况；

之后不断的循环，将原型的原型付给prototype，一层层向上查找，直到等于proto或者为null的情况下退出循环

因为Object.prototype.__proto__是指向null的，所以到这里还找不到，那就说明目标构造函数不在原型链上面

测试#

1
function BasePerson(){}
2
function Person(){}
3

4
Person.prototype = new BasePerson(); // 这里使用继承
5

6
const a = new Person();
7

8
console.log(_instanceof(a, Person)) // true
9

10
console.log(_instanceof(a, BasePerson)) // true