JS实现instanceof

yin_ping1101

已于 2022-05-03 21:45:01 修改

阅读量595

点赞数

分类专栏：前端学习文章标签： javascript 原型模式前端

于 2022-05-03 21:41:37 首次发布

原文链接：https://blog.youkuaiyun.com/a18792627168/article/details/117034872

版权

前端学习专栏收录该内容

14 篇文章

订阅专栏

本文讲解了JavaScript中`instanceof`操作符的工作原理，通过实例展示了如何利用原型链判断一个对象是否由特定构造函数创建。重点介绍了获取原型、对象原型链遍历的方法，并提供了一个实用的`myInstanceof`函数实现。

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

转自：js实现instanceof_DOM曼珠沙华的博客-优快云博客

作用：用来判断右边构造函数的原型对象，是否在左边实例对象的原型链上。

实现步骤：

1. 获取类型的原型

2.获取对象的原型

3.循环判断类型的prototype是否在对象的原型链上

function myInstanceof(obj,constructor) {
    let prototype = constructor.prototype;
    if (obj === null || obj === undefined || !obj || (typeof obj !== 'object' && typeof obj !== 'function')) {
        return false;
    }
    let proto = obj.__proto__;
    // let proto = Object.getPrototypeOf(left)  //写法2 获取左边对象的原型
    while (true) {
        if (proto == null) return false;
        if (proto === prototype) return true;
        proto = proto.__proto__;
    }
}
var a={"qqq":"111","22":"ee"};
console.log(myInstanceof(a,Object))