Wie kann ich in JavaScript auf das übergeordnete Objekt eines verschachtelten Objekts zugreifen?

Übergeordnetes Objekt eines verschachtelten Objekts in JavaScript abrufen

Bei der Arbeit mit verschachtelten JavaScript-Objekten kann es nützlich sein, auf das übergeordnete Objekt von zuzugreifen ein gegebenes verschachteltes Objekt. Dies ist jedoch innerhalb von JavaScript nicht direkt möglich.

Verschachtelten Objekten (untergeordneten Objekten) fehlt ein expliziter Verweis auf ihre übergeordneten Objekte (übergeordnete Objekte). Dies bedeutet, dass ein untergeordnetes Objekt nicht direkt auf die Eigenschaften oder Methoden seines übergeordneten Objekts zugreifen kann.

Beispielsweise bei folgender Objekthierarchie:

<code class="js">obj: { subObj: { foo: 'hello world' } };</code>

Zuweisen einer Referenz zum Unterobjekt:

<code class="js">var s = obj.subObj;</code>

Es gibt keine integrierte Methode für s, um direkt auf das obj-Objekt zuzugreifen.

Ein Ansatz, dies zu beheben, besteht darin, manuell einen Verweis auf das übergeordnete Objekt im untergeordneten Objekt festzulegen. Dies kann mit einer Funktion erfolgen:

<code class="js">var main = {
    name : "main object",
    child : {
        name : "child object"
    },
    init : function() {
        this.child.parent = this;
        delete this.init;
        return this;
    }
}.init();</code>

Innerhalb der Init-Funktion weisen wir this (das Hauptobjekt) einer Eigenschaft namens parent innerhalb des untergeordneten Objekts zu. Dies ermöglicht s den Zugriff auf obj:

<code class="js">s.parent.name  // Output: "main object"</code>

Beachten Sie, dass dieser Ansatz eine Änderung der ursprünglichen Objektstruktur erfordert und eine manuelle Initialisierung erfordert. Es bietet jedoch eine Möglichkeit, von einem verschachtelten Objekt in JavaScript aus auf das übergeordnete Objekt zuzugreifen.

Das obige ist der detaillierte Inhalt vonWie kann ich in JavaScript auf das übergeordnete Objekt eines verschachtelten Objekts zugreifen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!