JQuery関数での変数の使用

Question

jQueryで変数へのアクセスについて簡単な質問があります。 'a'をクリックして読み込み関数を呼び出すと、変数（ラップ）にアクセスする方法がありますか？

(function() { 
    var Example= { 
     init: function() { 
      var wrap = 'hello world'; 
      $('a').on('click', this.read); 
     }, 

     read: function() { 
      console.log(wrap) 
     } 
    }; 

    Example.init(); 
})(); 

Answer 1

これを実現するには、いくつかの方法があります。おそらく最も簡単なのは、 'wrap'変数の範囲を変更することです。現在、init関数内のvarで宣言されているため、関数はinitになり、initの外部では直接使用できません。だから、あなたは（それが「例」オブジェクトのプロパティかもしれない）init外の「ラップ」を宣言することができます。

var Example= { 
     wrap: 'hello world', 
     init: function() { 
      var self = this; 
      $('a').click(function(){ 
       self.read(); 
      }); 
     }, 

     read: function() { 
      console.log(this.wrap); 
     } 
    }; 

    ​Exa​mple.init(); 

これは「ラップが」「例」と 'のプロパティとして利用可能にスコープます例 'の中で定義されているすべての関数を通して。

（編集：適切に閉鎖を処理するために、このビット微調整しなければならなかった）

Answer 2

(function() { 
    var wrap; 
    var Example= { 
     init: function() { 
      wrap = 'hello world'; 
      $('a').on('click', this.read); 
    ... 

関数は、その定義スコープから見えるすべての変数へのアクセス権を持っているため。

Answer 3

うん、これはそれを行う必要があります。

(function() { 
    var wrap; 
    var Example= { 
     init: function() { 
      var wrap = 'hello world'; 
      $('a').on('click', this.read); 
     }, 

     read: function() { 
      console.log(wrap) 
     } 
    }; 

    Example.init(); 
})(); 

Answer 4

(function() { 
    var Example= { 
     init: function() { 
      this.wrap = 'hello world'; 
      $('a').on('click', this.read); 
     }, 
     read: function() { 
      console.log(this.wrap) 
     } 
    }; 
    Example.init(); 
})(); 

Answer 5

これを試してみてください（フィドルを：）を使用すると、暴露のモジュールパターンの使用を検討している場合

(function(){ 
    var Example= { 
     wrap:null, 
     init: function() { 
      this.wrap = 'hello world'; 
      $('a').on('click', this.read); 
     }, 

     read: function() { 
      console.log(Example.wrap) 
     } 
    }; 
    Example.init(); 
}​)();​ 

Answer 6

どの変数がプライベートで、どのような変数が公開されているかを定義することができます：

var Example = (function(){ 

    var wrap = 'hello world', 
     init = function(){ 
      ... 
     }, 
     read = function(){ 
      ... // You can use `wrap` here 
     }; 

    return { // Return public variables and methods 
     init: init, 
     read: read 
    }; 

})(); 

Example.init();