はどのようにJavaScriptのコード次を考えると、外側部材

Question

に参照するには？ zooを正しく参照し、値5のアラート表示を取得するために使用できる構文はどれですか？

更新：可能であれば、gの実装のみを変更する必要があるソリューションを好むでしょう。

Answer 1

zooはフリーフローティング変数ではなく、オブジェクトのプロパティです。 testの内部では、thisを使用してオブジェクトを参照することができます。 g内部thisコンテキストは、明示的にそれを保持する必要があるので、しかし失われます。

test: function(i) { 
    var g = function(i) { 
     alert(i + this.zoo); 
    }.bind(this); 
    g(i); 
} 

か：あなたは、オブジェクトのメンバ関数を呼び出すと

test: function(i) { 
    var g = function(i) { 
     alert(i + this.zoo); 
    }; 
    g.call(this, i); 
} 

Answer 2

、thisキーワードがに設定されていますオブジェクト（.callまたは.applyを使用して関数を呼び出す場合を除く）。関数gはもはやオブジェクトのメンバーではないため、thisはオブジェクトに設定されていません。 g機能を引き続き使用するには、いくつかのオプションがあります。 thisへの参照を設定し

：

test: function(i) { 
    var that = this; 
    var g = function(i) { 
     alert(i + that.zoo); 
    } 
    g(i); 
} 

または手動.call

test: function(i) { 
    var g = function(i) { 
     alert(i + this.zoo); 
    } 
    g.call(this, i); 
} 

を使用してthisの値を設定するには、ここで.callと.applyについてもう少し情報です。

Answer 3

方法について：

({ 
     foo: 1, 
     bar: 2, 
     zoo: 3, 
     test: function(i) { 
     var g = function(_this,i) { 
      alert(i + _this.zoo); 
     } 
     g(this,i); 
     } 
    }).test(2); 

Answer 4

はthisの「外」の値を保持するために、矢印機能を使用し、zooプロパティの値にアクセスするためにそれを使用します。

({ 
    foo: 1, 
    bar: 2, 
    zoo: 3, 
    test: function(i) { 
    var g = i => alert(i + this.zoo); 
    g(i); 
    } 
}).test(2);