Muszę zadzwonić właściwość dominującą od obiektu potomnego w obiekcie dosłownym

Question

próbowałem połączyć się z dzieckiem obiekt atrybutu nadrzędny

var parentObj = { 
    attr1:1, 
    attr2:2, 
    childObj:{ 
     method1:function(){ 
     return this.attr1 * this.attr2; 
     } 
    } 
} 

ale to nie działa.

Answer 1

Spróbuj przedstawieniu parentObj bezpośrednio:

var parentObj = { 
    attr1: 1, 
    attr2: 2, 
    childObj: { 
     method1: function() { 
     return parentObj.attr1 * parentObj.attr2; 
     } 
    } 
} 

Answer 2

Można to zrobić z mocą zamknięć!

var Construct = function() { 
    var self = this;  

    this.attr1 = 1; 
    this.attr2 = 2; 
    this.childObj = { 
     method1: function() { 
      return self.attr1 * self.attr2 
     } 
    } 
} 


var obj = new Construct(); 

Answer 3

var parentObj = { 
    attr1:1, 
    attr2:2, 
    childObj:{ 
     method1:function(){ 
      return this.parent.attr1 * this.parent.attr2; 
     } 
    }, 
    init:function(){ 
     this.childObj.parent = this; 
     delete this.init; 
     return this; 
    } 
}.init(); 

Answer 4

Jest problem ze przedstawieniu rodzic sprzeciw moje imię, ponieważ łamie to aplikacja w przypadku zmiany nazwy. Tutaj jest ładniejszy podejście, którego używam obszernie, gdzie można przekazać jako argument rodzica do dziecka init metody:

var App = { 
    init: function(){  
    this.gallery.init(this); 
    }, 

    somevar : 'Some Var' 
} 

App.gallery = { 
    init: function(parObj){ 
    this.parent = parObj; 
    console.log(this.parent.somevar); 
    } 

} 

App.init(); 

Answer 5

Jest to inne podejście bez odwoływania się nazwę obiektu nadrzędnego.

var parentObj = { 
    attr1: 1, 
    attr2: 2, 
    get childObj() { 
     var self = this; 
     return { 
      method1: function() { 
       return self.attr1 * self.attr2; 
      } 
     } 
    } 
} 

Może być dostępna jako:

parentObj.childObj.method1(); // returns 2