JS检测数据类型

1、typeof

用来检测数据类型的的运算符
语法：typeof[value]

用typeof更严谨些

1.png

typeof undefined  =>"undefined";
typeof null            =>"object"  
// 虽然是基本数据类型值 但是它属于空对象指针 检测的结果是对象（局限性）
typeof funtion(){}  =>"function"
typeof []                =>"object"
typeof /^$/            =>"object"

使用typeof是有自已局限性的：不能具体细分出当前的值是数组还是正则
（也就是不能细分对象类型的值）

typeof (1>1?0:2)  => "number"
typeof 1>1?0:2    => 先计算 typeof 1--->"number"=>"number">1?0:2

//常见面试题举例：
typeof typeof [ ]  =>"string"
typeof []             => "object"
typeof "object"   =>"string"

2、instanceof & constructor

instanceof：检测一个实例是否隶属于某个类
constructor：构造函数

console.log([] instanceof Array);//true
console.log([] instanceof RegExp);//false

【操作原理】
使用instanceof检测某一个值是否属于某一个数据类型的内置类，从而检测出它是否是这个类型的值，使用instancof可以实现typeof实现不了的，对对象类型值详细的区分检测；

使用instanceof检测也有自已的弊端：
（1）、基本类型值无法基于它检测

2.png

不管是字面量还是实例创建的基本数据类型的值，都是自已所属类的实例（只不过类型不一样而已）

num instanceof Number        ----->false
num2 instanceof Number      ----->true

（2）、instanceof 检测的原理是基于原型链检测的：
只要当前类在实例的原型链上最后返回的结果都是true

3.png

但是我们的 f 其实不应该是数组，虽然在它的原型上可以找到数组，但是它不具备数组的基础结构

constructor
获取当前要检测数据值的constructor 判断它是否是某一个数据类型内置类来检测

4.png

ary.constructor="AA";
ary.constructor===Array=>false

constructor检测数据类型非常不靠谱，因为这个属性是经常容易修改的

3、Object.prototype.toString.call()

获取Object.prototype上的toString方法，让方法中的this变为需要检测的数据类型值，并且让方法执行

在Number String Boolean Array Function 这些类的原型上都有一个toString方法这个方法就是把本身的值转化为字符串的

(12).toString()  ===> "12"
(true).toString()  ===> "true"
[12,23].toString()  ===> "12,23"

4.5.png

在Object这个原型上也有一个方法toString 但是这个方法并不是把值转换为字符串，而是"返回当前值的所属类详细信息 "[object 所属的类]"

5.png

他调取的正是Object.prototype.toString

obj.toString()
首先执行的是Object.prototype.toString的方法
这个方法中的this就是我们操作的数据值obj

【总结】
Object.prototype.toString执行的时候返回当前方法中this的所属类信息
也就是，我想知道谁的所属类信息，我们就把这个toString方法执行，并且让this变为我们检测的这个数据值，那么方法的返回结果就是当前检测这个值的所属类信息

如何找到它
Object.prototype.toString()
找到后再改其中的this
Object.prototype.toString.call()
eg:
({}).toString.call([value]

6.png

this是谁就返回谁的所属类的信息

6.5.png

也就是说这个检测数据类型最长的方法是最666的因为他啥都能检测出来

alert({name："王小四"})
会弹出 "[object object]"
alert会自动转字符串但是object上的toString不是干这个的而是转数据类型的

检测数据类型公共方法库

7.png

8.png

9.png

最后编辑于：2020.05.27 10:29:05