handler.getPrototypeOf()
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Januar 2020 browserübergreifend verfügbar.
Die handler.getPrototypeOf()-Methode ist eine Falle für die [[GetPrototypeOf]] interne Objektmethode, die von Operationen wie Object.getPrototypeOf() verwendet wird.
Probieren Sie es aus
const monster = {
eyeCount: 4,
};
const monsterPrototype = {
eyeCount: 2,
};
const handler = {
getPrototypeOf(target) {
return monsterPrototype;
},
};
const proxy = new Proxy(monster, handler);
console.log(Object.getPrototypeOf(proxy) === monsterPrototype);
// Expected output: true
console.log(Object.getPrototypeOf(proxy).eyeCount);
// Expected output: 2
Syntax
new Proxy(target, {
getPrototypeOf(target) {
}
})
Parameter
Der folgende Parameter wird an die getPrototypeOf()-Methode übergeben. this ist an den Handler gebunden.
target-
Das Zielobjekt.
Rückgabewert
Die getPrototypeOf()-Methode muss ein Objekt oder null zurückgeben, das das Prototyp-Objekt des Zielobjekts darstellt.
Beschreibung
Interzeptoren
Diese Falle kann folgende Operationen abfangen:
Object.getPrototypeOf()Reflect.getPrototypeOf()__proto__Object.prototype.isPrototypeOf()instanceof
Oder jede andere Operation, die die [[GetPrototypeOf]] interne Methode aufruft.
Invarianten
Die [[GetPrototypeOf]]-interne Methode des Proxy löst einen TypeError aus, wenn die Handler-Definition eine der folgenden Invarianten verletzt:
- Das Ergebnis muss entweder ein
Objectodernullsein. - Wenn das Zielobjekt nicht erweiterbar ist (das heißt,
Reflect.isExtensible()gibtfalsefürtargetzurück), muss das Ergebnis dasselbe sein wie das Ergebnis vonReflect.getPrototypeOf(target).
Beispiele
Grundlegende Verwendung
const obj = {};
const proto = {};
const handler = {
getPrototypeOf(target) {
console.log(target === obj); // true
console.log(this === handler); // true
return proto;
},
};
const p = new Proxy(obj, handler);
console.log(Object.getPrototypeOf(p) === proto); // true
Fünf Möglichkeiten, die getPrototypeOf-Falle auszulösen
const obj = {};
const p = new Proxy(obj, {
getPrototypeOf(target) {
return Array.prototype;
},
});
console.log(
Object.getPrototypeOf(p) === Array.prototype, // true
Reflect.getPrototypeOf(p) === Array.prototype, // true
p.__proto__ === Array.prototype, // true
Array.prototype.isPrototypeOf(p), // true
p instanceof Array, // true
);
Zwei Arten von Ausnahmen
const obj = {};
const p = new Proxy(obj, {
getPrototypeOf(target) {
return "foo";
},
});
Object.getPrototypeOf(p); // TypeError: "foo" is not an object or null
const obj2 = Object.preventExtensions({});
const p2 = new Proxy(obj2, {
getPrototypeOf(target) {
return {};
},
});
Object.getPrototypeOf(p2); // TypeError: expected same prototype value
Spezifikationen
| Spezifikation |
|---|
| ECMAScript® 2027 Language Specification # sec-proxy-object-internal-methods-and-internal-slots-getprototypeof |