js-6:typeof和instanceof的区别

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

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

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

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

js-6:typeof和instanceof的区别_第8张图片

你可能感兴趣的:(javascript,原型模式,开发语言)