【JavaScript】如何模拟一个instanceof

灰太狼 2022-10-23 03:00 230阅读 0赞

首先看一下instanceof的用法。

a instanceof B 判断的是，a是否为B的实例，即a的原型链上是否存在B的构造函数。

function Person(name) { 
    	this.name = name
    }
    const p = new Person('mike')
    
    p instanceof Person // true

这里的 p 是 Person 构造出来的实例对象。

p.__proto__ === Person.prototype // true

同时，顺着 p 的原型链也能找到 Object 的构造函数。

p.__proto__.__proto__ === Object.prototype // true

这里暂且停顿一下，

好好回味一下“**顺着~原型链 找 构造函数**”这句话，

真正理解后对我们模拟instanceof的实现很有帮助。

const instanceofMock = (L, R) => { 
    	if (typeof L !== 'object') { 
    		// 注意：基本类型不是构造函数构造出来的实例对象
    		// 5 instanceof Number 结果为false
    		// new Number(5) instanceof Number 结果为true
    		return false
    	}
    	while (true) { 
    		if (L === null) { 
    			// 已经遍历到了顶端还是没找到
    			return false
    		}
    		if (R.prototype === L.__proto__) { 
    			return true
    		}
    		// 找不到就继续顺着原型链往上找
    		L = L.__proto__
    	}
    }

instanceofMock('', String) // false
    instanceofMock(new String(''), String) // true
    
    function Person(name) { 
    	this.name = name
    }
    const p = new Person('mike')
    
    instanceofMock(p, Person) // true

发表评论取消回复

表情：

评论列表（有 0 条评论，230人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript typeof和instanceof区别详解

开发过程中，我们经常要判断一个变量的类型，那你知道js中有多少方式判断变量类型吗？ 1. typeof `typeof`用于基本类型的判断，js有 7 中基本类型，他们

╰半橙微兮°/ 2023年09月30日 09:24/ 0 赞/ 53 阅读

相关如何模拟实现一个“缓存”？

目录前言一、LRU Cache是什么二、模拟实现 2.1、通过继承 LinkedHashMap 模拟实现 2.2、自主模拟实现LRU Cache 2.2

谁借莪１个温暖的怀抱￠/ 2023年09月23日 22:17/ 0 赞/ 130 阅读

相关模拟 instanceof Object.create

// 模拟 instanceof function instance\_of(L, R) \{ //L 表示左表达式，R 表示右表达式 var O = R.

比眉伴天荒/ 2023年02月18日 05:26/ 0 赞/ 32 阅读

相关 [JavaScript]手写一个instanceof

function _instanceof(L, R) { // 左边是基本数据类型直接返回false,因为instanceof判断的是

小咪咪/ 2022年12月06日 12:56/ 0 赞/ 227 阅读

相关【JavaScript】如何模拟一个instanceof

首先看一下instanceof的用法。 a instanceof B 判断的是，a是否为B的实例，即a的原型链上是否存在B的构造函数。 function Perso

灰太狼/ 2022年10月23日 03:00/ 0 赞/ 231 阅读

相关 javascript（八）instanceof， typeof， indexOf，valueOf()

instanceof: instanceof 用于判断一个变量是否是某个对象的实例。如 var a=new Array(); alert(a instanceo

Love The Way You Lie/ 2022年08月17日 14:25/ 0 赞/ 278 阅读

相关【JavaScript】通过一个例子认识prototype,constructor和instanceof

面试题是这样的： var A = function() {}; A.prototype = {}; var B = {}; c

曾经终败给现在/ 2022年06月04日 03:18/ 0 赞/ 188 阅读

相关 JavaScript中instanceof和constructor

我们知道JavaScript中typeof，instanceof，Object.prototype.toString可以用来检测变量类型，我们针对instanceof和cons

朴灿烈づ我的快乐病毒、/ 2021年12月14日 12:39/ 0 赞/ 461 阅读

相关 JavaScript instanceof 运算符深入剖析

原文链接：[https://www.ibm.com/developerworks/cn/web/1306\_jiangjj\_jsinstanceof/][https_www.

喜欢ヅ旅行/ 2021年10月29日 16:38/ 0 赞/ 320 阅读

相关 JavaScript instanceof

JavaScript instanceof 我们说不要以貌取人，在人际交往中这一点非常重要。但是在编程中，建议"以貌取人"，从长相可以大致猜测功能。 instance...

小灰灰/ 2020年06月01日 16:39/ 0 赞/ 733 阅读