instanceof原理与实现

本文详细介绍了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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值