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

来源:互联网 发布:网络系统集成试题 编辑:程序博客网 时间:2024/05/21 15:07

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()等方法,

原创粉丝点击