instanceof
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Der instanceof
Operator überprüft, ob die prototype
-Eigenschaft eines Konstruktors irgendwo in der Prototypenkette eines Objekts erscheint. Der Rückgabewert ist ein boolean-Wert. Sein Verhalten kann mit Symbol.hasInstance
angepasst werden.
Probieren Sie es aus
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);
// Expected output: true
console.log(auto instanceof Object);
// Expected output: true
Syntax
object instanceof constructor
Parameter
object
-
Das zu testende Objekt.
constructor
-
Konstruktor, gegen den getestet werden soll.
Ausnahmen
TypeError
-
Wird ausgelöst, wenn
constructor
kein Objekt ist. Wennconstructor
keine[Symbol.hasInstance]()
Methode hat, muss es auch eine Funktion sein.
Beschreibung
Der instanceof
Operator testet das Vorhandensein von constructor.prototype
in der Prototypenkette von object
. Dies bedeutet normalerweise (obwohl nicht immer), dass object
mit constructor
konstruiert wurde.
// defining constructors
function C() {}
function D() {}
const o = new C();
// true, because: Object.getPrototypeOf(o) === C.prototype
o instanceof C;
// false, because D.prototype is nowhere in o's prototype chain
o instanceof D;
o instanceof Object; // true, because:
C.prototype instanceof Object; // true
// Re-assign `constructor.prototype`: you should
// rarely do this in practice.
C.prototype = {};
const o2 = new C();
o2 instanceof C; // true
// false, because C.prototype is nowhere in
// o's prototype chain anymore
o instanceof C;
D.prototype = new C(); // add C to [[Prototype]] linkage of D
const o3 = new D();
o3 instanceof D; // true
o3 instanceof C; // true since C.prototype is now in o3's prototype chain
Beachten Sie, dass sich der Wert eines instanceof
-Tests ändern kann, wenn constructor.prototype
nach der Erstellung des Objekts neu zugewiesen wird (was normalerweise nicht empfohlen wird). Er kann auch durch eine Änderung des Prototyps von object
mittels Object.setPrototypeOf
verändert werden.
Klassen verhalten sich auf die gleiche Weise, da Klassen auch die prototype
-Eigenschaft haben.
class A {}
class B extends A {}
const o1 = new A();
// true, because Object.getPrototypeOf(o1) === A.prototype
o1 instanceof A;
// false, because B.prototype is nowhere in o1's prototype chain
o1 instanceof B;
const o2 = new B();
// true, because Object.getPrototypeOf(Object.getPrototypeOf(o2)) === A.prototype
o2 instanceof A;
// true, because Object.getPrototypeOf(o2) === B.prototype
o2 instanceof B;
Für gebundene Funktionen sucht instanceof
nach der prototype
-Eigenschaft in der Zilfunktion, da gebundene Funktionen kein prototype
haben.
class Base {}
const BoundBase = Base.bind(null, 1, 2);
console.log(new Base() instanceof BoundBase); // true
instanceof und Symbol.hasInstance
Wenn constructor
eine Symbol.hasInstance
Methode hat, wird diese Methode mit Vorrang aufgerufen, wobei object
ihr einziges Argument ist und constructor
als this
.
// This class allows plain objects to be disguised as this class's instance,
// as long as the object has a particular flag as its property.
class Forgeable {
static isInstanceFlag = Symbol("isInstanceFlag");
static [Symbol.hasInstance](obj) {
return Forgeable.isInstanceFlag in obj;
}
}
const obj = { [Forgeable.isInstanceFlag]: true };
console.log(obj instanceof Forgeable); // true
Da alle Funktionen standardmäßig von Function.prototype
erben, legt die Methode Function.prototype[Symbol.hasInstance]()
meist das Verhalten von instanceof
fest, wenn die rechte Seite eine Funktion ist. Siehe die Seite Symbol.hasInstance
für den genauen Algorithmus von instanceof
.
instanceof und mehrere Realms
JavaScript-Ausführungsumgebungen (Fenster, Frames usw.) befinden sich jeweils in ihrem eigenen realm. Das bedeutet, dass sie unterschiedliche Built-Ins haben (unterschiedliches globales Objekt, unterschiedliche Konstruktoren usw.). Dies kann zu unerwarteten Ergebnissen führen. Beispielsweise wird [] instanceof window.frames[0].Array
false
zurückgeben, weil Array.prototype !== window.frames[0].Array.prototype
und Arrays im aktuellen Realm vom ersteren erben.
Das mag zunächst keinen Sinn ergeben, aber für Skripte, die mit mehreren Frames oder Fenstern umgehen und Objekte von einem Kontext in einen anderen durch Funktionen weiterreichen, wird dies ein valides und bedeutendes Problem sein. Beispielsweise können Sie sicher überprüfen, ob ein gegebenes Objekt tatsächlich ein Array ist, indem Sie Array.isArray()
verwenden, unabhängig davon, aus welchem Realm es stammt.
Um beispielsweise zu überprüfen, ob ein Node
ein SVGElement
in einem anderen Kontext ist, können Sie myNode instanceof myNode.ownerDocument.defaultView.SVGElement
verwenden.
Beispiele
Verwendung von instanceof mit String
Das folgende Beispiel zeigt das Verhalten von instanceof
mit String
-Objekten.
const literalString = "This is a literal string";
const stringObject = new String("String created with constructor");
literalString instanceof String; // false, string primitive is not a String
stringObject instanceof String; // true
literalString instanceof Object; // false, string primitive is not an Object
stringObject instanceof Object; // true
stringObject instanceof Date; // false
Verwendung von instanceof mit Map
Das folgende Beispiel zeigt das Verhalten von instanceof
mit Map
-Objekten.
const myMap = new Map();
myMap instanceof Map; // true
myMap instanceof Object; // true
myMap instanceof String; // false
Objekte, die mit Object.create() erstellt wurden
Das folgende Beispiel zeigt das Verhalten von instanceof
mit Objekten, die mit Object.create()
erstellt wurden.
function Shape() {}
function Rectangle() {
Shape.call(this); // call super constructor.
}
Rectangle.prototype = Object.create(Shape.prototype);
Rectangle.prototype.constructor = Rectangle;
const rect = new Rectangle();
rect instanceof Object; // true
rect instanceof Shape; // true
rect instanceof Rectangle; // true
rect instanceof String; // false
const literalObject = {};
const nullObject = Object.create(null);
nullObject.name = "My object";
literalObject instanceof Object; // true, every object literal has Object.prototype as prototype
({}) instanceof Object; // true, same case as above
nullObject instanceof Object; // false, prototype is end of prototype chain (null)
Demonstration, dass myCar vom Typ Car und Typ Object ist
Der folgende Code erstellt einen Objekttyp Car
und eine Instanz dieses Objekttyps, myCar
. Der instanceof
Operator zeigt, dass das myCar
-Objekt vom Typ Car
und vom Typ Object
ist.
function Car(make, model, year) {
this.make = make;
this.model = model;
this.year = year;
}
const myCar = new Car("Honda", "Accord", 1998);
const a = myCar instanceof Car; // returns true
const b = myCar instanceof Object; // returns true
Nicht ein instanceof
Um zu testen, ob ein Objekt nicht ein instanceof
eines bestimmten Konstruktors ist, können Sie folgendes tun:
if (!(myCar instanceof Car)) {
// Do something, like:
// myCar = new Car(myCar)
}
Dies ist wirklich unterschiedlich von:
if (!myCar instanceof Car) {
// unreachable code
}
Dies wird immer false
sein. (!myCar
wird ausgewertet, bevor instanceof
, sodass Sie immer versuchen zu wissen, ob ein Boolean eine Instanz von Car
ist).
Überschreiben des Verhaltens von instanceof
Ein häufiger Fehler bei der Verwendung von instanceof
ist der Glaube, dass, wenn x instanceof C
gilt, x
mit C
als Konstruktor erstellt wurde. Dies ist nicht wahr, da x
direkt mit C.prototype
als seinem Prototyp zugewiesen worden sein könnte. In diesem Fall würde Ihr Code, der private Felder von C
aus x
liest, trotzdem fehlschlagen:
class C {
#value = "foo";
static getValue(x) {
return x.#value;
}
}
const x = { __proto__: C.prototype };
if (x instanceof C) {
console.log(C.getValue(x)); // TypeError: Cannot read private member #value from an object whose class did not declare it
}
Um dies zu vermeiden, können Sie das Verhalten von instanceof
überschreiben, indem Sie eine Symbol.hasInstance
-Methode zu C
hinzufügen, sodass es eine markierte Überprüfung mit in
durchführt:
class C {
#value = "foo";
static [Symbol.hasInstance](x) {
return #value in x;
}
static getValue(x) {
return x.#value;
}
}
const x = { __proto__: C.prototype };
if (x instanceof C) {
// Doesn't run, because x is not a C
console.log(C.getValue(x));
}
Beachten Sie, dass Sie dieses Verhalten möglicherweise auf die aktuelle Klasse beschränken möchten, andernfalls könnte es zu falschen Positiven für Unterklassen führen:
class D extends C {}
console.log(new C() instanceof D); // true; because D inherits [Symbol.hasInstance] from C
Sie könnten dies tun, indem Sie überprüfen, dass this
der aktuelle Konstruktor ist:
class C {
#value = "foo";
static [Symbol.hasInstance](x) {
return this === C && #value in x;
}
}
class D extends C {}
console.log(new C() instanceof D); // false
console.log(new C() instanceof C); // true
console.log({ __proto__: C.prototype } instanceof C); // false
Spezifikationen
Specification |
---|
ECMAScript® 2026 Language Specification # sec-relational-operators |