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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值