JavaScript Zugriff Elternelement

Question

Ich muss auf eine Variable eines enthaltenden Elements in einer Funktion des untergeordneten Elements zugreifen. Wie kann ich das erreichen?

object = { 
    a : { 
     c : function() { 
      //need to access b here 
     }, 
     d : 2 
    }, 
    b : 1 
}; 

In diesem Fall muss ich c die Variable b in der Funktion zuzugreifen. Ich habe einige Variationen mit bind() versucht, aber nichts hat funktioniert. Die Frage JavaScript access parent object attribute funktioniert nicht für mich. Ich kann die Variable object nicht erreichen, weil das Objekt tiefer verschachtelt ist.

Answer 1

Machen Sie a in einen Getter.

object = { 
    get a() { 
     var self = this; 
     return { 
     c: function() { 
      return self.b; 
     }, 
     d: 2 
     } 
    }, 
    b : 1 
}; 

Oder, wenn c muss keine this zum Beispiel d, Bezug zu nehmen, dann

object = { 
    get a() { 
     return { 
     c:() => this.b, 
     d: 2 
     } 
    }, 
    b : 1 
}; 

Answer 2

Es spielt keine Rolle, dass object tief verschachtelten ist. Verwenden Sie einfach object.b.

var object; 
 
([{a:[{b:[{c:[{d:[{e:[{f: // deeply nested 
 
    object = { 
 
    a: { 
 
     c: function() { 
 
     console.log(object.b); 
 
     }, 
 
     d: 2 
 
    }, 
 
    b: 1 
 
    } 
 
}]}]}]}]}]}])[0].a[0].b[0].c[0].d[0].e[0].f.a.c();

Answer 3

mag ich Oriol Antwort. :-)

Eine weitere Alternative zum Verschluss.

([{a:[{b:[{c:[{d:[{e:[{f: // deeply nested 
 
    (function(){ 
 
    var object = { 
 
     a: { 
 
     c: function() { 
 
      console.log(object.b); 
 
     }, 
 
     d: 2 
 
     }, 
 
     b: 1 
 
    } 
 
    return object; 
 
    })() 
 
}]}]}]}]}]}])[0].a[0].b[0].c[0].d[0].e[0].f.a.c();

Oder Sie können die Objekterstellung in eine separate Funktion bewegen, wenn das Sinn macht (können Sie diese Funktion nennen).

function createHierarchy(){ 
 
    return ([{a:[{b:[{c:[{d:[{e:[{f:createObject()}]}]}]}]}]}]); 
 
} 
 

 
function createObject(){ 
 
    var object = { 
 
     a: { 
 
     c: function() { 
 
      console.log(object.b); 
 
     }, 
 
     d: 2 
 
     }, 
 
     b: 1 
 
    } 
 
    return object; 
 
} 
 

 
var hierarchy = createHierarchy(); 
 
hierarchy[0].a[0].b[0].c[0].d[0].e[0].f.a.c();

ein DI-Container Mit nur einem einzigen Schritt von hier. :-P

Es kann vorkommen, dass Sie eine graph anstelle einer hierarchy benötigen und Ihr Modell ist völlig falsch.