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