浅谈 instanceof 原理

instanceof 可以正确的判断对象的类型，因为内部机制是通过判断对象的原型链中是不是能找到类型的 prototype。

语法：

object instanceof constructor

object：某个实例对象 constructor：某个构造函数

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

易出错的点

let str = "string";
let str1 = new String("a");
str instanceof String; // 返回 false, str只是一个以string为数据类型的值，并不属于String对象的实例
str1 instanceof String; // 返回 true

我们也可以试着实现一下 instanceof

手动实现一下instanceof的功能

// 通过判断对象的原型链中是不是能找到类型的 prototype。
const myInstanceof = (left, right) {
    // 基本数据类型直接返回false
    if (typeof left !== 'object' || left === null) return false
    // getProtypeOf是Object对象自带的一个方法，能够拿到参数的原型对象
    let proto = Object.getPrototypeOf(left)
    while (true) {
        // 查找到尽头，没找到
        if (proto == null) return false
        // 找到相同的原型对象
        if (proto == right.prototype) return true
        proto = Object.getPrototypeOf(proto)
    }
}


// 测试
console.log(myInstanceof("111", String)) //false
console.log(myInstanceof(new String("111"), String)) //true

原理分析

以下是对实现的分析：

• 基本数据类型直接返回false
• 首先获取类型的原型
• 然后获得对象的原型
• 然后一直循环判断对象的原型是否等于类型的原型，直到对象原型为 null，因为原型链最终为 null