js-6:typeof和instanceof的区别

1、typeof
typeof操作符返回一个字符串,表示未经计算的操作数的类型。
在这里插入图片描述
operand表示对象或原始值的表达式,其类型将被返回。
在这里插入图片描述
从上面的例子可以看出,前6个都是基础数据类型,虽然typeof null为object,但这只是javascript存在的一个很悠久的bug,不代表null就是引用数据类型,并且null本身不是对象。
所以,null在typeof之后返回的是有问题的结果,不能作为判断null的方法,如果需要在if语句中判断是否为null,直接通过===null来判断就好。
同时,可以发现引用类型数据,用typeof来判断的话,除了function会被识别出来,其余的都输出object。
如果想要判断一个变量是否存在,可以使用typeof:(不能使用if(a),若a未声明,则报错)
在这里插入图片描述

2、instanceof
instanceof运算符用于检测构造函数的prototype属性是否出现在某个实例的原型链上。
在这里插入图片描述
object为实例对象,constructor为构造函数
构造函数通过new可以实例对象,instanceof能判断这个对象是否是之前那个构造函数生成的对象。
在这里插入图片描述
关于instanceof的实现原理:
在这里插入图片描述
也就是顺着原型链去找,直到找到相同的原型对象,返回true,否则为false。

3、区别
typeof与instanceof都是判断数据类型的方法。区别如下:
typeof会返回一个变量的基本类型,instanceof返回一个布尔值
instanceof可以准取地判断复用引用数据类型,但是不能正确判断基础数据类型。
typeof也存在弊端,他虽然可以判断基础数据类型(null除外),但是引用数据类型中,除了function类型以外,其他的无法判断。

可以看到,上述两种方法都有弊端,并不能满足所有场景的需求。
如果需要通用检测数据类型,可以采用Object,prototype.toString,调用该方法,统一返回格式“[object xxx]”的字符串
在这里插入图片描述
了解toString的基本用法,下面实现一个全局通用的数据类型判断方法。
在这里插入图片描述
使用如下

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值