instanceof原理与实现

最新推荐文章于 2024-06-12 21:53:24 发布

原创最新推荐文章于 2024-06-12 21:53:24 发布 · 832 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #instanceof

JavaScript学习笔记专栏收录该内容

32 篇文章

订阅专栏

本文详细介绍了JavaScript中instanceof操作符的工作原理，通过一个自定义的myInstanceOf函数来实现相似的功能。文章还展示了不同类型的比较，包括函数、对象和数组，揭示了其在原型链中的判断逻辑。同时，文中探讨了Function和Object等特殊类型的比较结果，进一步加深了对instanceof的理解。

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

一、instanceof概述

（1）instanceof是做什么的

a instanceof b 判断实例a是否属于b类型

（2）如何判断是否属于b类型

每一个对象都有一个__proto__属性指向原型对象的prototype属性，

原型对象的__proto__属性也会指向它的原型对象的prototype属性

因此，如果实例a是b类型，那么a的原型链上必然有b的prototype属性

二、实现instanceof

       function myInstanceOf(a,b){
           let valA = a.__proto__;
           let valB = b.prototype;

           while(1){
               if(valA == null) return false;
               if(valA == valB) return true;

               valA = valA.__proto__;
           }
       }

       function Person(name){
           this.name = name;
       }

       let per = new Person("Asia");
       let obj = {}

       console.log(myInstanceOf(per,Person));//true
       console.log(per instanceof Person);//true
       console.log(myInstanceOf(obj,Person));//false
       console.log(obj instanceof Person);//fasle

       let arr = [1,2,3];
       console.log(myInstanceOf(arr,Array));//true
       console.log(arr instanceof Array);//true

三、特殊比较

        console.log(Function instanceof Function);//true
       console.log(Object instanceof Object);//true
       console.log(String instanceof String);//false
       console.log(Number instanceof Number);//false