Вызов методов-членов до объявления объекта завершен

Question

Когда-то я слышал, что было хорошей практикой обернуть ваш код в большом объекте, чтобы служить пространством имен, чтобы уменьшить глобальное пространство пространства имен и облегчить экспорт библиотеки, поэтому я попробовал это ,

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

Не удается, утверждая, что «foo не определен». Вызов методов до завершения объявления объекта, вероятно, плохо, поэтому я переместил панель, и она сработала.

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

Я чувствую, что это может стать своего рода некрасиво, особенно с вложенными пространствами имен и таких, поэтому есть ли обходные пути, которые не делают его трудно увидеть все члены обертку в один раз?

Answer 1

Проблема в том, что this будет равен глобальному контексту. Вы должны получить доступ к функции следующим образом:

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

wrapper.init(); 

Этот метод отлично подходит для организации кода на логические куски, так что вы и будущие разработчики могут легко найти то, что вы ищете в вашем JavaScript.

Answer 2

Использование this, как это не будет работать, если обертка не является 1) функцией, и 2) инстанцирование его использовать:

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/