js实现instanceof+实现原理

前端卡卡西呀

于 2020-08-04 21:06:16 发布

阅读量1.5k

点赞数 15

CC 4.0 BY-SA版权

分类专栏：前端面试 Javascript 前端进阶之路文章标签： prototype javascript

本文链接：https://blog.youkuaiyun.com/RedaTao/article/details/107799080

前端进阶之路同时被 3 个专栏收录

145 篇文章

订阅专栏

Javascript

48 篇文章

订阅专栏

前端面试

43 篇文章

订阅专栏

本文深入探讨了instanceof运算符的原理与应用，通过自定义instance_of函数模拟其实现过程，详细解释了如何检测构造函数的prototype属性是否存在于实例对象的原型链上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

instanceof是干什么的？

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

只要遍历实例对象的原型，看看是否跟构造函数的prototype相等，即可实现。

function instance_of (obj, Fn) {
    // 判断传入的构造函数是不是函数类型
    if (typeof Fn !== 'function') {
        throw new TypeError('不是函数');
    }

    // 实例不是对象, 返回false
    if (!obj || (typeof obj !== 'object' && typeof obj !== 'function')) {
        return false;
    }

    // 取 Fn的prototype原型比较
    let proto = Fn.prototype;

    while(obj.__proto__) {
        // 当实例的隐式原型__proto__ 全等于 Fn的显式原型 prototype，返回true
        if (obj.__proto__ === proto) return true;

        // 否则，继续向原型链上游移动
        obj = obj.__proto__;
    }

    return false;
}