JavaScriptスコープの問題、匿名関数内

Question

私はもはやタイトル固有のものではありませんでした。

私は、URLに使用されているクエリ文字列に応じて、ユーザーに異なるコンテンツを表示するWebサイト（個人用）を構築しています。

私の問題は、私はそれぞれにdir価値を付加しようとしているということです

(function(){ 
    var wrapper = { 
     init: function(){ 
      //Runs on document ready 
      this.foo(); 
      this.nav.render(); 
     }, 
     foo: function(){ 
      //Some functionality goes here for the website, e.g. Display something from an API 
     }, 
     nav: { 
      //Functionality to handle the navigation, has different properties 
      config: { 
       //Contains the config for nav, e.g. page names + locations 
       dir: '/directory/to/content/', 
       pages: { 
        page_name: wrapper.nav.config.dir + 'page_value' 
       } 
      }, 
      render: function(){ 
       //some code 
      }, 
      routes: function(){ 
       //some code} 
      } 
     } 
    }; 

    $(function(){ 
     wrapper.init(); 
    }); 
})(); 

：page=home.htmlではJavaScriptが異なるデータを含む各値、いくつかの擬似コードで、オブジェクト内にラップされhome.html

のウェブサイトを表示していましたpageの値（ページが定義されているオブジェクトの内部）のうち、directory/to/content/page_valueの出力（この擬似コードの場合）を得ようとしますが、dirはアクセスしようとすると定義されません。私が欲しいものを達成するために次のように：

0123私はハードコーディングについて私が間違ってやっているのかを見つけることを試み、とさえ思った最後の30分で遊んでてきた

• wrapper.nav.config.dir +「page_value」

各ページのURL。

私のローカル開発サーバーとWebホストは異なるディレクトリ構造を持っているため、開発したい+と公開するたびにURLを書き換えたくないという理由があります。なぜすべてがオブジェクトの中にラップされているかについては、この方法を維持する方が簡単だと思いました。

答えが簡単で、単なる素人間違い/理解不足です。

Answer 1

問題は、その定義で定義されている変数を参照できないということです。

したがって、wrapperの定義内では、wrapperを参照することはできません。また、configの定義内では、configのように参照することはできません。

これを解決するための通常の設計パターンは、データ構造の宣言でできるだけ多く初期化し、残りの部分はすべて自由にアクセスできるときに.init()で行います。

Answer 2

変更への最初の2行：

var wrapper = null; 
(function(){ 
    wrapper = { 

そうでない場合、ラッパーはあなたの匿名関数のローカル変数です。

Answer 3

問題は、依然としてラッパーがその値を求めているときに定義していることです。そのため、まだ定義されていません。

以下のコードはあまりにも失敗します。

var x = { 
    y:"1", 
    z:x.y 
} 

Answer 4

なぜ：

//... 
init: function(){ 
    //Runs on document ready 
    this.foo(); 
    var config = this.nav.config; 
    for (var page in config.pages) { 
     config.pages[page] = config.dir + config.pages[page]; 
    } 
}, 
//...