在js中检测对象类型有哪几种方法呢?
typeof操作运算符
对于Function ,String, Number, Undefined等几种数据类型的对象来说,typeof完全可以判断出来,但是为Array的时候
var arr = new Array('1', '2', '3', '4');
alert(typeof(arr);//object
你会收到一个object的答案,有点让人失望。
instanceof 操作运算符
instanceof操作运算符会返回一个Boolean类型的值, 指出对象是否是特定的类型
console.log(instanceof(arr)));//true
返回true
小总结:看来我们今天的问题已经得到了解决,但事实上在多个frame中穿梭就会出现大问题。
var iframe = document.createElement('iframe');
document.body.appendChild(iframe);
xArray = window.frames[window.frames.length-1].Array;
var array = new xArray('1','2','3','4');
alert(array instanceof Array);//false
alert(array.constructor === Array)//false
结果返回两个false,有点令人失望。
ECMA-626写道
Object.prototype.toString() When the toString method is called ,the following steps taken;
1.Get the [[class]] property of this object .
2.Compute a string value by concatenating the three string "[object", Result(1),and "]".
3.Return Result(2).
上面的规范定义了Object.prototype.toString的行为;首先,取得对象的一个内部属性 [[ class]] ,然后依据这个属性,返回一个类似"[object Array]"的字符串作为结果(看过ECMA标准的都应该知道,[[ ]] 用来表示语言内部用到的,外部不可以直接访问的属性,称为内部属性)。利用这个方法,再配合call,我们可以取得任何对象的内部属性 [[class]], 然后把类型检测转化为字符串比较,以达到我们的目的。还是先来看看再ECMA标准中Array的描述吧。
new Array([item0, [item1[,...]]]);
The [[class]] property of the newly constrcted object is set to "Array".
于是利用这点,第三种方法登场了。
function isArray(obj) {
return Object.prototype.toString.call(obj) === '[object Array]';
}
call改变toString的引用为待检测的对象,返回此对象的字符串表示,然后对比此字符串是否是’[object Array]’,以判断是否是Array的实例。也许你要问为什么不直接o.toString()?嗯,虽然Array继承自Object, 也会有toString 方法,但是这个方法可能会被改写而达不到我们的要求,而object.prototype会很纯净。
和前面的几个方案不同,这个方法很好的解决了跨frame对象构建的问题,经过测试,各大浏览器的兼容也很好,可以放心使用。一个好消息是,很多框架都计划借鉴此方法以实现某些特殊的比如数组,正则表达式等对象类型的判定,不用我们自己写了。