原生JS手写实现instanceof函数——JS手写系列(一)
前言
instanceof函数是JavaScript中一个使用频繁且十分重要的函数,此函数可以判断一个数据是否属于某一数据类型。与此同时,看到这个函数的时候,我们就会立刻想到JavaScript中另一个判断数据类型的函数typeof函数,这也是一个高频常见函数,那么它们两个有什么区别呢?
typeof和instanceof的区别
这里我们只简单介绍一下它们的区别,不做深究,感兴趣的同学可以去查阅相关文档。
- typeof用于判断基本数据类型,除了null(返回object);而instanceof用判断引用数据类型,无法判断基本数据类型
- typeof返回一个基本数据类型;而instanceof返回一个布尔值
- 如果需要通用检测数据类型,可以采用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沿着其原型链往上一层找
}
}