JavaScript中的instanceof和typeof

时间:2021-01-07 14:51:27

instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上。

// 定义构造函数 function C(){} function D(){} var o = new C(); o instanceof C; // true,因为 Object.getPrototypeOf(o) === C.prototype o instanceof D; // false,因为 D.prototype不在o的原型链上 o instanceof Object; // true,因为Object.prototype.isPrototypeOf(o)返回true C.prototype instanceof Object // true,同上 C.prototype = {}; var o2 = new C(); o2 instanceof C; // true o instanceof C; // false,C.prototype指向了一个空对象,这个空对象不在o的原型链上. D.prototype = new C(); // 继承 var o3 = new D(); o3 instanceof D; // true o3 instanceof C; // true 因为C.prototype现在在o3的原型链上
需要注意的是,如果表达式 obj instanceof Foo 返回true,则并不意味着该表达式会永远返回true
因为Foo.prototype属性的值有可能会改变,改变之后的值很有可能不存在于obj的原型链上,这时原表
达式的值就会成为false。另外一种情况下,原表达式的值也会改变,就是改变对象obj的原型链的情况,
虽然在目前的ES规范中,我们只能读取对象的原型而不能改变它,但借助于非标准的__proto__伪属性,
是可以实现的。比如执行obj.__proto__ = {}之后,obj instanceof Foo就会返回false了。

谈到 instanceof 我们要多插入一个问题,就是 function 的 arguments,我们大家也许都认为 arguments
是一个 Array,但如果使用 instaceof 去测试会发现 arguments 不是一个 Array 对象,尽管看起来很像。
还有数据结构Set对象

var aaa = new Set(); if(aaa instanceof Object){ console.log('Object')} else { console.log('no Object')}
// Object
var aaa = new Set(); if(aaa instanceof Array){ console.log('array')} else { console.log('no array')}
// no array