instanceof
运算符用于检测构造函数的 prototype
属性是否出现在某个实例对象的原型链上。
var arr = [1,2,3];
arr instanceof Array // true
var obj = {};
obj instanceof Array // false
需要注意的是:如果表达式 obj instanceof Foo
返回 true
,则并不意味着该表达式会永远返回 true
,因为 Foo.prototype
属性的值有可能会改变,改变之后的值很有可能不存在于 obj
的原型链上,这时原表达式的值就会成为 false
。
function C(){}
var o = new C();
console.log(o instanceof C);
C.prototype = {}
console.log(o instanceof C);
其次,当我们的脚本拥有多个全局环境,例如html中拥有多个iframe对象,instanceof的验证结果可能不会符合预期,例如:
//为body创建并添加一个iframe对象
var iframe = document.createElement('iframe');
document.body.appendChild(iframe);
//取得iframe对象的构造数组方法
xArray = window.frames[0].Array;
//通过构造函数获取一个实例
var arr = new xArray(1,2,3);
arr instanceof Array;//false
导致这种问题是因为iframe会产生新的全局环境,它也会拥有自己的Array.prototype属性,让不同环境下的属性相同很明显是不安全的做法,所以Array.prototype !== window.frames[0].Array.prototype,想要arr instanceof Array为true,你得保证arr是由原始Array构造函数创建时才可行。
优点:这个方法不管他在哪个全局执行环境中创建
Array.isArray([1,2,3]);
constructor 在其对应对象的原型下面,是自动生成的。当我们写一个构造函数的时候,程序会自动添加:构造函数名.prototype.constructor = 构造函数名
var arr = [1,2,3];
arr.constructor === Array
使用constructor是不保险的,因为constructor属性是可以被修改的,会导致检测出的结果不正确,且不能跨iframe
arr.constructor === Array // true
arr.constructor = String // String() { [native code] }
arr.constructor === Array // false
注意:当使用该方法判断其他数据类型时要注意一点是,undefined和null是不能够判断出类型的,并且会报错。因为null和undefined是无效的对象,因此是不会有constructor存在的
在任何值上调用Object原生的toString()方法,都会返回一个[Object NativeConstructorName]格式的字符串。每个类在内部都一个[[class]]属性,这个属性中指定了上述 字符串中的构造函数名。
var value = [1,2,3];
alert(Object.prototype.toString.call(value)); // "[object Array]"
由于原生数组的构造函数与全局作用域无关,因此使用toString()就能保证返回一致的值。利用这一点可以创建如下函数:
function isArray(value){
return Object.prototype.toString.call(value) == "[object Array]";
}
注意:当使用该方法判断其他数据类型时要注意一点是,IE8及IE8以下,undefined和null均为Object,IE9及IE9以上为[object Undefined]和[object Null]
比较推荐的是Array.isArray() 和 Object.prototype.toString.call() 这两个方法。
参考: instanceof MDN
JS判断是否是数组的四种做法