Movatterモバイル変換


[0]ホーム

URL:


  1. 面向开发者的 Web 技术
  2. JavaScript
  3. JavaScript 参考
  4. 表达式和运算符
  5. instanceof

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in EnglishAlways switch to English

instanceof

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

instanceof 运算符用于检测构造函数的prototype 属性是否出现在某个实例对象的原型链上。其返回值是一个布尔值。可以通过Symbol.hasInstance 来自定义该运算符的行为。

尝试一下

function Car(make, model, year) {  this.make = make;  this.model = model;  this.year = year;}const auto = new Car("Honda", "Accord", 1998);console.log(auto instanceof Car);// 预期输出:trueconsole.log(auto instanceof Object);// 预期输出:true

语法

js
object instanceof constructor

参数

object

要测试的对象

constructor

测试对照的构造函数

异常

TypeError

如果constructor 不是对象,或constructor 没有[Symbol.hasInstance]() 方法(那么它一定是一个函数),则抛出该异常。

描述

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

js
// 定义构造函数function C() {}function D() {}const o = new C();// true,因为:Object.getPrototypeOf(o) === C.prototypeo instanceof C;// false,因为 D.prototype 不在 o 的原型链上o instanceof D;o instanceof Object; // true,原因如下:C.prototype instanceof Object; // true// 重新赋值 `constructor.prototype`:在实践中很罕见C.prototype = {};const o2 = new C();o2 instanceof C; // true// false,C.prototype 指向了一个空对象,这个空对象不在 o 的原型链上o instanceof C;D.prototype = new C(); // 继承const o3 = new D();o3 instanceof D; // trueo3 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 和多全局对象 (例如:多个 frame 或多个 window 之间的交互)

在浏览器中,我们的脚本可能需要在多个窗口之间进行交互。多个窗口意味着多个全局环境,不同的全局环境拥有不同的全局对象,从而拥有不同的内置类型构造函数。这可能会引发一些问题。比如,表达式[] instanceof window.frames[0].Array 会返回false,因为Array.prototype !== window.frames[0].Array.prototype,并且数组从前者继承。

起初,你会认为这样并没有意义,但是当你在你的脚本中开始处理多个 frame 或多个 window 以及通过函数将对象从一个窗口传到另一个窗口时,这就是一个有效而强大的话题。比如,实际上你可以通过使用Array.isArray(myObj) 或者Object.prototype.toString.call(myObj) === "[object Array]" 来安全的检测传过来的对象是否是一个数组。

比如检测一个Nodes 在另一个窗口中是不是SVGElement,你可以使用myNode instanceof myNode.ownerDocument.defaultView.SVGElement

备注:在代码中使用 XPCOMinstanceof 有特殊影响:如果查询接口成功执行后,obj instanceofxpcomInterface (e.g.Components.interfaces.nsIFile) 调用obj.QueryInterface(xpcomInterface) 并且返回true 。这种调用的副作用是在一次成功的instanceof 测试后,你可以在obj 上使用xpcomInterface 的属性。这与标准的JavaScript 全局变量不同,即使obj 来自不同的作用域,obj instanceof xpcomInterface 也可以按预期产生作用。

示例

演示String 对象和Date 对象都属于Object 类型和一些特殊情况

下面的代码使用了instanceof 来证明:StringDate 对象同时也属于Object 类型(他们是由Object 类派生出来的)。

但是,使用对象字面量符号创建的对象在这里是一个例外:虽然原型未定义,但instanceof Object 返回true

js
var simpleStr = "This is a simple string";var myString = new String();var newStr = new String("String created with constructor");var myDate = new Date();var myObj = {};var myNonObj = Object.create(null);simpleStr instanceof String; // 返回 false,非对象实例,因此返回 falsemyString instanceof String; // 返回 truenewStr instanceof String; // 返回 truemyString instanceof Object; // 返回 truemyObj instanceof Object; // 返回 true,尽管原型没有定义({}) instanceof Object; // 返回 true,同上myNonObj instanceof Object; // 返回 false,一种创建非 Object 实例的对象的方法myString instanceof Date; //返回 falsemyDate instanceof Date; // 返回 truemyDate instanceof Object; // 返回 truemyDate instanceof String; // 返回 false

演示mycar 属于Car 类型的同时又属于Object 类型

下面的代码创建了一个类型Car,以及该类型的对象实例mycar.instanceof 运算符表明了这个mycar 对象既属于Car 类型,又属于Object 类型。

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

不是...的实例

要检测对象不是某个构造函数的实例时,你可以这样做

js
if (!(mycar instanceof Car)) {  // Do something, like mycar = new Car(mycar)}

这和以下代码完全不同

js
if (!mycar instanceof Car)

这段代码永远会得到false!mycar 将在instanceof 之前被处理,所以你总是在验证一个布尔值是否是Car 的一个实例)。

规范

Specification
ECMAScript® 2026 Language Specification
# sec-relational-operators

浏览器兼容性

参见

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp