原生JS手写实现instanceof函数——JS手写系列(一)

原生JS手写实现instanceof函数——JS手写系列(一)

前言

instanceof函数是JavaScript中一个使用频繁且十分重要的函数,此函数可以判断一个数据是否属于某一数据类型。与此同时,看到这个函数的时候,我们就会立刻想到JavaScript中另一个判断数据类型的函数typeof函数,这也是一个高频常见函数,那么它们两个有什么区别呢?

typeof和instanceof的区别

这里我们只简单介绍一下它们的区别,不做深究,感兴趣的同学可以去查阅相关文档。

  1. typeof用于判断基本数据类型,除了null(返回object);而instanceof用判断引用数据类型,无法判断基本数据类型
  2. typeof返回一个基本数据类型;而instanceof返回一个布尔值
  3. 如果需要通用检测数据类型,可以采用Object.prototype.toString方法,统一返回格式”[Object xxx]“

原生JS手写实现instanceof

function myinstanceof (L, R) {//L是需要检测的数据对象,R是某一特定引用数据类型,检测L是否属于R类型
	//先定义JS中的基本数据类型
	const base = ['number', 'string', 'boolean', 'undefined', 'symbol', 'bigInt']
	if (base.includes(typeof (L))) return false//如果L属于基本数据类型,则返回false,因为R是引用类型
	let LP = L.__proto__//获取L的原型属性
	let RP = R.prototype//获取R的原型对象
	while (true) {//递归遍历判断
		if (LP == null) return false//如果L的原型属性不存在,则直接返回false
		if (LP === RP) return true//L属于R
		LP = LP.__proto__//若前面不满足条件,则L沿着其原型链往上一层找
	}
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值