简单实现instanceof运算符

最新推荐文章于 2022-04-08 16:52:42 发布

ZD_SUMMER

最新推荐文章于 2022-04-08 16:52:42 发布

阅读量201

点赞数

分类专栏： js 文章标签： javascript es6 前端

本文链接：https://blog.youkuaiyun.com/weixin_52378257/article/details/121148989

版权

js 专栏收录该内容

14 篇文章

订阅专栏

本文详细介绍了instanceof运算符的工作原理，通过检查对象的原型链来判断其是否属于特定类。示例代码展示了如何手动实现instanceof，包括递归查找原型链的过程。此外，还给出了实例应用，验证了对于数组、日期等类型判断的准确性。

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

简单实现instanceof运算符

instanceof运算符是通过判断后面类的prototype对象是否在前面的引用数据类型变量的原型链上,用于判断一个引用数据的真实类型，如果在就返回true，否则就返回false

例如：typeof判断引用数据类型是只能得到function、object，无法准确判断一个数据是否为数组，instanceof是可以判断一个数据是否为数组。

	const arr = [1,2,3];

    console.log(typeof arr) //object
    console.log(arr instanceof Array) //true

简单实现如下

	function _instanceof(left,right) {
            //存放右边类的prototype对象
            let rightPro = right.prototype
            //存放左边引用数据类型的__proto__对象
            let leftPro = left.__proto__

            //当原型链到达顶部时表示右边对象的prototype对象不在该引用数据的
            //原型链上，则返回false
            if(leftPro == null){
                return false
            }
            //当left的__proto__对象等于right的prototype对象时，表示
            //右边的对象的prototype对象在该引用数据的原型链上，则返回true
            if(leftPro == rightPro){
                return true
            }
            //递归依次向上查找
            return _instanceof(leftPro,right)
        }

        const arr = [1,2]
        const obj = {a:1,b:2}
        const date = new Date()

        console.log(_instanceof(arr,Array))//true
        console.log(_instanceof(date,Date))//true
        console.log(_instanceof(obj,Array))//false