オブジェクト宣言前のメンバーメソッドの呼び出し

Question

いつか、グローバル名前空間の乱雑さを軽減し、ライブラリのエクスポートを容易にするために、大きなオブジェクトにコードをラップして名前空間として使用することをお勧めしていると聞いたので。

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

「fooが定義されていません」と主張して失敗します。 オブジェクト宣言を終了する前にメソッドを呼び出すのはおそらく悪いので、私はbarを移動して機能しました。

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で探しているものを見つけることができるように論理的な塊にあなたのコードを整理するための素晴らしいです。ラッパーは、1）関数でない限り、そのようなthisを使用して

Answer 2

は動作しません、そして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/