Wywołanie metod składowych przed zakończeniem deklaracji obiektu

Question

Jakiś czas temu usłyszałem, że dobrą praktyką jest zawijanie kodu w duży obiekt, aby służyć jako przestrzeń nazw w celu zmniejszenia zaśmiecania globalnej przestrzeni nazw i ułatwienia eksportu biblioteki, więc spróbowałem tego .

var wrapper = { 
    foo: function(){ 
     return 42; 
    }, 
    bar: this.foo() 
}; 

Zawodzi, twierdząc, że "foo nie jest zdefiniowane". Metody wywoływania przed zakończeniem deklaracji obiektu są prawdopodobnie złe, więc przesunąłem pasek i zadziałało.

var wrapper = { 
    foo: function(){ 
     return 42; 
    }, 
}; 
wrapper.bar = wrapper.foo(); 

czuję, że to może stać się rodzajem brzydkie, zwłaszcza z zagnieżdżonych nazw i takich, więc czy są jakieś obejścia, które nie sprawiają, że trudno, aby zobaczyć wszystkich członków owijki za naraz?

Answer 1

Problem polega na tym, że this będzie równać się z kontekstem globalnym. Trzeba wejść w funkcję tak:

var wrapper = { 
    foo: function(){ 
     return 42; 
    }, 
    bar: null, 
    init : function() { 
     // all initialization code goes here 
     wrapper.bar = wrapper.foo(); 
    } 
}; 

wrapper.init(); 

Ta metoda doskonale nadaje się do organizowania kodu na logiczne części, dzięki czemu można i przyszłych programistów łatwością szukasz w JavaScript.

Answer 2

Korzystanie this takiego nie będzie działać, jeśli wrapper jest 1) funkcję, i 2), które oznacz ją z niego korzystać:

var wrapper = function() { 
    this.foo = function() { return 42; } 
    this.bar = this.foo(); 
}; 

var wrapperInstance = new wrapper(); 
alert(wrapperInstance.bar()); // 42 
wrapperInstance.foo(); // also works 

Answer 3

var wrapper = { 
foo: (function(){ 
    return 42; 
    })() 

}; 

alert(wrapper.foo); 

http://jsfiddle.net/ee8Ww/