Wie kann man Objektschlüssel innerhalb ihrer eigenen Funktionen in JavaScript-Objektliteralen am besten referenzieren?

JavaScript: Verwenden von Objektliteralen zur Referenzierung von Schlüsseln innerhalb ihrer eigenen Funktionen

Problem:
Bei der Verwendung von Objekten Bei Literalen in JavaScript ist es üblich, Funktionen einzubinden, die auf die Eigenschaften des Objekts einwirken. Es gibt jedoch zwei Möglichkeiten, das Objekt innerhalb dieser Funktionen zu referenzieren: mit dieser oder explizit mit dem Objektliteralnamen. In diesem Artikel werden die Auswirkungen jedes Ansatzes untersucht.

Lösung:

Verwendung:

var obj = {
    key1: "it",
    key2: function(){return this.key1 + " works!"}
};

• Wenn Sie dies als Referenz auf das Objekt innerhalb der Funktion verwenden, stellen Sie sicher, dass die Funktion immer auf das richtige Objekt zugreift, unabhängig davon, wie es ist aufgerufen.
• Wenn die Funktion jedoch aus dem Objekt extrahiert wird (z. B. einer Variablen zugewiesen oder als Argument übergeben), verweist dies möglicherweise nicht wie erwartet auf das Objekt.

Objektliteralnamen verwenden:

var obj = {
    key1: "it",
    key2: function(){return obj.key1 + " works!"}
};

• Explizite Verwendung des Objektliteralnamens (z. B. obj), um das Objekt innerhalb der Funktion zu referenzieren, stellt sicher, dass die Funktion immer Zugriff auf das Objekt hat.
• Dieser Ansatz kann jedoch zu versehentlichen Änderungen oder Überschreibungen des Objekts führen. Wenn ein weiterer Verweis auf das Objekt erstellt und ihm ein anderer Wert zugewiesen wird, verweist die Funktion weiterhin auf das ursprüngliche Objekt.

Potenzielle Probleme:

• Verwendung: Wenn eine Funktion aus dem Objekt extrahiert wird, verweist diese möglicherweise auf das globale Objekt (Fenster in Browsern) statt auf das beabsichtigte Objekt.
• Verwenden des Objektliteralnamens: Wenn das Objekt neu zugewiesen oder geändert wird, verweist die Funktion möglicherweise auf das ursprüngliche Objekt anstelle des aktualisierten.

Empfehlungen:

• Wählen Sie den Ansatz entsprechend der Absicht Verwendung: Verwenden Sie dies, wenn die Funktion hauptsächlich als Methode des Objekts verwendet wird. Verwenden Sie den Objektliteralnamen, wenn die Funktion wahrscheinlich extrahiert und wiederverwendet wird.
• Verwenden Sie ES6-Konstanten oder -Verschlüsse: Verwenden Sie in ES6 const, um zu verhindern, dass das Objekt neu zugewiesen wird. Verwenden Sie in ES5 einen Abschluss, um einen lokalen Bereich zu erstellen und das Objekt zu speichern.
• Binden Sie die Funktion an das Objekt: Verwenden Sie obj.key2 = obj.key2.bind(obj), um sicherzustellen dass die Funktion immer auf das richtige Objekt verweist.

Das obige ist der detaillierte Inhalt vonWie kann man Objektschlüssel innerhalb ihrer eigenen Funktionen in JavaScript-Objektliteralen am besten referenzieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!