typeof都返回object
在JavaScript中所有数据类型严格意义上都是对象,但实际使用中我们还是有类型之分,如果要判断一个变量是数组还是对象使用typeof搞不定,因为它全都返回object
代码如下 | 复制代码 |
var o = { 'name':'lee' }; var a = ['reg','blue']; document.write( ' o typeof is ' + typeof o); document.write( ' <br />'); document.write( ' a typeof is ' + typeof a); 执行: o typeof is object |
因此,我们只能放弃这种方法,要判断是数组or对象有两种方法
第一,使用typeof加length属性
数组有length属性,object没有,而typeof数组与对象都返回object,所以我们可以这么判断
代码如下 | 复制代码 |
var o = { 'name':'lee' }; var a = ['reg','blue']; var getDataType = function(o){ if(typeof o == 'object'){ if( typeof o.length == 'number' ){ return 'Array'; }else{ return 'Object'; } }else{ return 'param is no object type'; } }; alert( getDataType(o) ); // Object alert( getDataType(a) ); // Array alert( getDataType(1) ); // param is no object type alert( getDataType(true) ); // param is no object type alert( getDataType('a') ); // param is no object type |
第二,使用instanceof
使用instanceof可以判断一个变量是不是数组,如:
代码如下 | 复制代码 |
var o = { 'name':'lee' }; var a = ['reg','blue']; alert( a instanceof Array ); // true alert( o instanceof Array ); // false |
也可以判断是不是属于object
代码如下 | 复制代码 |
var o = { 'name':'lee' }; var a = ['reg','blue']; alert( a instanceof Object ); // true alert( o instanceof Object ); // true |
但数组也是属于object,所以以上两个都是true,因此我们要利用instanceof判断数据类型是对象还是数组时应该优先判断array,最后判断object
代码如下 | 复制代码 |
var o = { 'name':'lee' }; var a = ['reg','blue']; var getDataType = function(o){ if(o instanceof Array){ return 'Array' }else if( o instanceof Object ){ return 'Object'; }else{ return 'param is no object type'; } }; alert( getDataType(o) ); // Object alert( getDataType(a) ); // Array alert( getDataType(1) ); // param is no object type alert( getDataType(true) ); // param is no object type alert( getDataType('a') ); // param is no object type |
如果你不优先判断Array,比如:
代码如下 | 复制代码 |
var o = { 'name':'lee' }; var a = ['reg','blue']; var getDataType = function(o){ if(o instanceof Object){ return 'Object' }else if( o instanceof Array ){ return 'Array'; }else{ return 'param is no object type'; } }; alert( getDataType(o) ); // Object alert( getDataType(a) ); // Object alert( getDataType(1) ); // param is no object type alert( getDataType(true) ); // param is no object type alert( getDataType('a') ); // param is no object type |
那么数组也会被判断为object。
下面看一国外人写的
参考ECMA-262规范给一个通用的方法:
代码如下 | 复制代码 |
function isArray(obj) { return Object.prototype.toString.call(obj) === '[object Array]'; } |
ECMA-262解释:
代码如下 | 复制代码 |
Object.prototype.toString( ) When the toString method is called, the following steps are taken: Get the [[Class]] property of this object. Compute a string value by concatenating the three strings “[object “, Result (1), and “]”. Return Result (2) |
该规范定义了Object.prototype.toString的行为:首先,取得对象的一个内部属性[[Class]],然后依据这个属性,返回一个类似于"[object Array]"的字符串作为结果(看过ECMA标准的应该都知道,[[]]用来表示语言内部用到的、外部不可直接访问的属性,称为“内部属性”)。利用这个方法,再配合call,我们可以取得任何对象的内部属性[[Class]],然后把类型检测转化为字符串比较,以达到我们的目的。
在ECMA标准中Array的描述吧:
ECMA-262 写道
代码如下 | 复制代码 |
new Array([ item0[, item1 [,…]]]) The [[Class]] property of the newly constructed object is set to “Array”. |
js的原型继承有个缺点,就是子类原来的原型对象被替换了,在获取子类的constructor的时候,实际取的是从父类继承的constructor。
如果不想改变constructor,可以采用以下方法实现继承:
代码如下 | 复制代码 |
Function.prototype.extend = function(parent) { var cls = new Function(); cls.prototype = parent.prototype; this.prototype = new cls; this.prototype.constructor = this; } function t(){}; t.extend(Array); alert(x.constructor);//==t |
而instaceof是判断对象的类型,比如: