JS instanceOf 实现原理 手写源码

一、instanceof原理：
作用：

①用于判断某个实例是否属于某构造函数

②在继承关系中用来判断一个实例是否属于它的父类型或者祖先类型的实例

查找构造函数的原型对象是否在实例对象的原型链上，如果在返回true，如果不在返回false。

说白了，只要右边变量的 prototype 在左边变量的原型链上即可。因此，instanceof 在查找的过程中会遍历左边变量的原型链，直到找到右边变量的 prototype，如果查找失败，则会返回 false。

var obj = new Object()
obj instanceof Object // true

 二、了解原理之后开始看代码：

 // 声明myInstanceof函数,接受两个参数left, right
    function myInstanceOf(left, right) {
        // 1:声明rightval变量，来得到传入的对象的原型对象
        let rightVal = right.prototype
        // 2:声明leftval变量，来得到传入的对象的原型对象
        let leftVal = left.__proto__
        // 3：循环遍历左边变量的原型链，查找，如果找不到就到一直循环到父类型或祖类型
        while (true) {
            if (leftVal === null) {
                return false
            }
            if (leftVal === rightVal) {
                return true
            }
            leftVal = leftVal.__proto__ // 获取祖类型的__proto__
        }
    }

// 测试用例:
 function Test() { }
 let test = new Test();
 console.log(myInstanceOf(test, Test));

 ------------------
 结果：
 true  

---

总结:

instanceof在查找的过程中会遍历左边变量的原型链，直到找到右边变量的 prototype，如果查找失败，则会返回 false.

---

typeof 在对值类型number、string、boolean 、undefined、以及引用类型的function的反应是精准的；但是，对于对象{ } 、数组[ ] 、null 都会返回 object，但对 NaN 返回的是number类型

为了弥补这一点，instanceof 从原型的角度，来判断某引用属于哪个构造函数，从而判定它的数据类型。