javascript运算符instanceof

概述

instanceof

运算符可以用来判断某个构造函数的

prototype属性是否存在另外一个要检测对象的原型链上。

语法

object instanceofconstructor

参数

object

要检测的对象.

constructor

某个构造函数

描述

instanceof

运算符用来检测

constructor.prototype

是否存在于参数

object

的原型链上。

function C(){} // 定义一个构造函数
function D(){} // 定义另一个构造函数

var o = new C();
o instanceofC; // true,因为:Object.getPrototypeOf(o) === C.prototype
o instanceofD; // false,因为D.prototype不在o的原型链上
o instanceofObject; // true,因为Object.prototype.isPrototypeOf(o)返回true
C.prototype instanceofObject // true,同上

C.prototype = {};
var o2 = new C();
o2 instanceofC; // true
o instanceofC; // false,C.prototype指向了一个空对象,这个空对象不在o的原型链上.

D.prototype = new C();
var o3 = new D();
o3 instanceofD; // true
o3 instanceofC; // true

需要注意的是，如果表达式

obj instanceofFoo

返回true，则并不意味着该表达式会永远返回ture，因为Foo.prototype属性的值有可能会改变

，改变之后的值很有可能不存在于

obj

的原型链上，这时原表达式的值就会成为

false

。另外一种情况下，原表达式的值也会改变，就是改变对象

obj

的原型链的情况，虽然在目前的ES规范中，我们只能读取对象的原型而不能改变它，但借助于非标准的

__proto__魔法属性

，

是可以实现的

。比如

执行obj.__proto__ = {}之后

，

obj instanceofFoo就会返回false了。

instanceof和多全局对象

(多个frame或多个window之间的交互)

在浏览器中，我们的脚本可能需要在多个窗口之间进行交互。多个窗口意味着多个全局环境，不同的全局环境拥有不同的全局对象，从而拥有不同的内置类型构造函数。这可能会引发一些问题。比如，表达式

[] instanceofwindow.frames[0].Array

会返回

false

，因为

Array.prototype !==

window.frames[0].Array

.prototype

，

因此你必须使用

Array.isArray(myObj)或者 Object.prototype.toString.call(myObj) === "[object Array]"

来判断myObj是否是数组。

例子

例子: 表明

String

对象和

Date对象都属于

Object类型

下面的代码使用了

instanceof

来证明：

String和

Date对象

同时也属于

Object类型

。

var myString = new String();
var myDate = new Date();

myString instanceofString; // 返回true
myString instanceofObject; // 返回true
myString instanceofDate;   // 返回false

myDate instanceofDate;     // 返回true
myDate instanceofObject;   // 返回true
myDate instanceofString;   // 返回false

例子: 表明

mycar属于

Car类型,同时又

属于

Object类型

下面的代码创建了一个类型

Car

，

以及该类型的对象实例

mycar

.

instanceof

运算符表明了这个

mycar对象既属于

Car类型

，

又属于

Object类型

。

function Car(make, model, year) {
this.make = make;
this.model = model;
this.year = year;
}
var mycar = new Car("Honda", "Accord", 1998);
var a = mycar instanceofCar;    // 返回 true
var b = mycar instanceofObject; // 返回 true

规范

Specification	Status	Comment
ECMAScript 1st Edition.	Standard	Initial definition. Implemented in JavaScript 1.4
ECMAScript 5.1 (ECMA-262) The instanceofoperator	Standard
ECMAScript 6 (ECMA-262) Relational Operators	Draft

浏览器兼容性

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	(Yes)	(Yes)	(Yes)	(Yes)	(Yes)