javascript检测数据类型的5种方法

javascript检测数据类型的5种方法:typeof、instanceof、Object.prototype.toString()、constructor、duck type……

(1).typeof –适合基本的数据类型和函数
100 number
true boolean
function function
undefined undefined
new Object() object
[1,2] object
NaN number
null object (规定)

(2).instanceof–判断对象类型,基于原型链去判断 (obj instanceof Object,左操作数是一个对象,右操作数是一个函数构造器或者函数对象,判断左边的操作数的原型链_proto_属性是否有右边这个函数对象的proptotype属性)
[1,2] instanceof Array===true
new Object() instanceof Array===false
下面我们来看看下个实例:
这里写图片描述
如上图所示,我们创建了一个函数对象Person和Student,其中Student函数对象的prototype属性指向Person的实例,可以理解为Student继承了Person的一些属性和方法,其中var bosn= new Student(),所以bosn instanceof Student的返回值为TRUE(bosn.proto=Student.prototype),对于bosn instanceof Person来说,先考虑bosn.proto指向Student.prototype的属性,因为原型链是串起来的,会接着再向上查找,bosn.proto.proto指向Person的prototype属性,这样bosn instanceof Person就返回TRUE了。。。

注意:不同window或iframe间的对象检测不能使用instanceof !

(3).Object.protype.toString –判断数组或者函数
Object.prototype.toString().apply([]);===”[object Array]”;
Object.prototype.toString().apply(function(){});===”[object Function]”;
Object.prototype.toString().apply(null);===”[object Null]”;
Object.prototype.toString().apply(undefined);===”[object Undefined]”;

注意:IE6/7/8中,Object.prototype.toString().apply(null)返回[object Object]

(4).constructor – 属性返回对创建此对象的函数的引用。
var test=new Array();
test.constructor返回Array

(5) duck type
比如判断一个对象是否是数组,可以看这个对象是否拥有length()等方法,

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值