举例讲解如何判断JavaScript中对象的类型

在编写js程序的过程中，可能常常需要判断一个对象的类型，例如你写了一个函数，需要通过判断不同的参数类型来编写不同的代码。 首先可能会想到typeof操作符，看下面的这个例子:

rush:js;">

frame2.html

rush:js;"> <Meta charset="UTF-8">

names对象是在frame1框架中的，此时是通过frame1框架的Array来创建的，如果把names对象拿到frame2中的Array作比较，很显然names不是frame2中的Array的实例，以为frame1和frame2压根就不是同一和Array，从第2个现实结果可以很明显的看出names是他本身所在的frame的实例，从第3个输出可以看出frame1的Array和frame2的Array是不同的。那么遇到上面这种跨frame的比较该怎么办呢？我们总不能每次都拿框架对应的Array来做比较吧，有一种必须的办法可以解决上面的问题，看下面的代码：

rush:js;"> var toString = {}.toString; var Now = new Date(); alert(toString.call(Now))

{}.toString表示获取Object对象上的toString方法（这个方法时Object对象的基本方法之一）,toString.call(Now)表示调用toString方法。调用Date对象最原生的toString()（这个方法是Object上面的方法）方法可以显示[object Date]类型的字符串，假如是Array，则会产生[object Array]的字样，也就是说进行上面的操作会显示类似[object Class]的字样，那么我们只要判断这个字符串不就可以知道其类型了吗？由此可以写出如下的工具类： tools.js

rush:js;"> var tools = (function(undefined){ var class2type = {},toString = {}.toString;

var fun = {
type: function (obj){
return obj === null || obj === undefined ?
String(obj) : class2type[toString.call(obj)]
},isArray: function (obj){
return fun.type(obj) === "array";
},isFunction: function (obj){
return fun.type(obj) === "function";
},each: function (arr,callback){
var i = 0,hasLength = arr.length ? true : false;
if(!callback || (typeof callback !== 'function') || !hasLength){
return;
}
for(i = 0; i< arr.length; i++){
if(callback.call(arr[i],i,arr[i]) === false){
break;
}
}
}
};
fun.each("Boolean Number String Array Date RegExp Object Function".split(" "),function(i,name){
class2type["[object "+ name +"]"] = name.toLowerCase();
});
return fun;
})();

tools提供了type,isArray,isFunction等方法用来判断对象的类型，根据实际的需要可以自己添加需要判断类型的方法。type接受一个obj参数，它将对象的实际类型以小写的形式返回，比如你的需要判断对象的类型是Array，那么此方法将会返回array. 根据上面提供的工具类，再重新改写上面的例子： fram2.html

rush:js;"> <Meta charset="UTF-8">

至此通过上面的根据类就可以很容易的判断对象的类型了。 注意：在IE中例如像alert这样的元素是不能判断的。