Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Object/setPrototypeOf below:

Object.setPrototypeOf() - JavaScript | MDN

Baseline Widely available

Die statische Methode Object.setPrototypeOf() setzt das Prototyp (d.h. die interne [[Prototype]]-Eigenschaft) eines angegebenen Objekts auf ein anderes Objekt oder null.

Warnung: Das Ändern des [[Prototype]] eines Objekts ist aufgrund der Art und Weise, wie moderne JavaScript-Engines den Zugriff auf Eigenschaften optimieren, derzeit in jedem Browser und jeder JavaScript-Engine eine sehr langsame Operation. Darüber hinaus sind die Auswirkungen der Änderung der Vererbung subtil und weitreichend und beschränken sich nicht auf die Zeit, die in der Object.setPrototypeOf(...)-Anweisung verbracht wird, sondern können sich auf jede Codezeile erstrecken, die Zugriff auf ein beliebiges Objekt hat, dessen [[Prototype]] geändert wurde. Sie können mehr darüber in JavaScript-Engine-Grundlagen: Optimierung von Prototypen lesen.

Da dieses Feature ein Teil der Sprache ist, liegt es nach wie vor in der Verantwortung der Engine-Entwickler, diese Funktion idealerweise performancestark zu implementieren. Bis die Engine-Entwickler dieses Problem angehen, sollten Sie, wenn Ihnen die Leistung wichtig ist, vermeiden, das [[Prototype]] eines Objekts zu setzen. Stattdessen sollten Sie ein neues Objekt mit dem gewünschten [[Prototype]] mit Object.create() erstellen.

const obj = {};
const parent = { foo: "bar" };

console.log(obj.foo);
// Expected output: undefined

Object.setPrototypeOf(obj, parent);

console.log(obj.foo);
// Expected output: "bar"

Object.setPrototypeOf(obj, prototype)

obj

Das Objekt, dessen Prototyp gesetzt werden soll.

prototype

Der neue Prototyp des Objekts (ein Objekt oder null).

Das angegebene Objekt.

TypeError

Wird in einem der folgenden Fälle ausgelöst:

• Der obj-Parameter ist undefined oder null.
• Der obj-Parameter ist nicht erweiterbar oder es handelt sich um ein unveränderliches Prototyp-exotisches Objekt, wie Object.prototype oder window. Der Fehler wird jedoch nicht ausgelöst, wenn der neue Prototyp denselben Wert wie der ursprüngliche Prototyp von obj hat.
• Der prototype-Parameter ist kein Objekt oder null.

Object.setPrototypeOf() gilt allgemein als der richtige Weg, um den Prototyp eines Objekts festzulegen. Sie sollten es immer dem veralteten Object.prototype.__proto__-Zugriff vorziehen.

Wenn der obj-Parameter kein Objekt ist (z.B. Zahl, Zeichenkette, etc.), tut diese Methode nichts — ohne es zu einem Objekt zu erzwingen oder zu versuchen, seinen Prototyp zu setzen — und gibt obj direkt als primitiven Wert zurück. Wenn prototype denselbe Wert wie der Prototyp von obj ist, wird obj direkt zurückgegeben, ohne dass ein TypeError auftritt, selbst wenn obj einen unveränderlichen Prototyp hat.

Aus Sicherheitsgründen gibt es bestimmte eingebaute Objekte, die so konzipiert sind, dass sie ein unveränderliches Prototyp haben. Dies verhindert Angriffe durch Prototypenverschmutzung, insbesondere proxy-bezogene Angriffe. Die Kernsprache spezifiziert nur Object.prototype als unveränderliches Prototyp-exotisches Objekt, dessen Prototyp immer null ist. In Browsern sind window und location zwei weitere sehr häufige Beispiele.

Object.isExtensible(Object.prototype); // true; you can add more properties
Object.setPrototypeOf(Object.prototype, {}); // TypeError: Immutable prototype object '#<Object>' cannot have their prototype set
Object.setPrototypeOf(Object.prototype, null); // No error; the prototype of `Object.prototype` is already `null`

Vererbung in JS unter Verwendung von Klassen.

class Human {}
class SuperHero extends Human {}

const superMan = new SuperHero();

Wenn wir jedoch Unterklassen implementieren möchten, ohne class zu verwenden, können wir Folgendes tun:

function Human(name, level) {
  this.name = name;
  this.level = level;
}

function SuperHero(name, level) {
  Human.call(this, name, level);
}

Object.setPrototypeOf(SuperHero.prototype, Human.prototype);

// Set the `[[Prototype]]` of `SuperHero.prototype`
// to `Human.prototype`
// To set the prototypal inheritance chain

Human.prototype.speak = function () {
  return `${this.name} says hello.`;
};

SuperHero.prototype.fly = function () {
  return `${this.name} is flying.`;
};

const superMan = new SuperHero("Clark Kent", 1);

console.log(superMan.fly());
console.log(superMan.speak());

Die Ähnlichkeit zwischen klassischer Vererbung (mit Klassen) und pseudoklassischer Vererbung (mit prototype-Eigenschaft von Konstruktoren), wie oben gezeigt, wird in Vererbungsketten erwähnt.

Da die prototype-Eigenschaft von Funktionskonstruktoren beschreibbar ist, können Sie es einem neuen Objekt, das mit Object.create() erstellt wurde, zuweisen, um die gleiche Vererbungskette zu erstellen. Es gibt jedoch Vorbehalte bei der Verwendung von create(), wie etwa daran zu denken, die constructor-Eigenschaft wieder hinzuzufügen.

Im folgenden Beispiel, das ebenfalls Klassen verwendet, wird SuperHero so gestaltet, dass es von Human erbt, ohne extends zu verwenden, indem stattdessen setPrototypeOf() verwendet wird.

Warnung: Es ist nicht ratsam, setPrototypeOf() anstelle von extends zu verwenden, aus Leistungs- und Lesbarkeitsgründen.

class Human {}
class SuperHero {}

// Set the instance properties
Object.setPrototypeOf(SuperHero.prototype, Human.prototype);

// Hook up the static properties
Object.setPrototypeOf(SuperHero, Human);

const superMan = new SuperHero();

Das Unterklassen ohne extends wird in ES-6 subclassing erwähnt.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4