閉鎖代替

Question

私のコールバック関数が前に定義した変数xを必要とするクロージャです。このバグ私は、しかし、私は多くは、この代わりに...

function main() { 
    var x = "Something"; 

    foo('do stuff', bar); 
} 

function bar(stuffResponse) { 
    var y = x + stuffResponse; 
} 

しかし、明らか場合のように私のコードを書くことを好むので、私は私のbar機能は、自身の外で変数を依存するが、すべてのほとんどのことを好きではないとして、私はこれを行うbarは何も考えていないxはもうです。前者の機能を維持しながら後者のスタイルを達成するきれいな方法はありますか？

Answer 1

コメントに記載されているとおり、あなたが達成しようとしていることは、変数をコールバックにバインドすることで実現できます。それは代わりに、元の変数を参照のあなたの値のコピーをあげる：またthis代わりのnullバインドすることができ

function main() { 
    var x = "Something"; 

    foo('do stuff', function bar(x, stuffResponse) { 
     var y = x + stuffResponse; 
    }.bind(null, x)); 
} 

。しかし、あなたがthisを使用していないので意味がありません。

Answer 2

あなたは組み込みの通話機能を使用することができます。このような https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/callと何か：変数は、次のいずれかの方法で入手することができる

function main() { 
    var x = "so clean"; 

    function foo(cb) { 
    cb.call(null, x); 
    } 

    foo(bar); 
} 

function bar(something) { 
    console.log(something); 
} 

Answer 3

：

1. パラメータとして渡さを関数に渡す。
2. 関数内で宣言されています。
3. グローバルに宣言されています
4. 囲みスコープから利用できます。

xを利用可能にするかどうかを決定する必要があります。 4で何も悪いことはありません。 2はここでは適用されません。 3は避けなければならない。 1は、状況に応じて合理的な選択肢です。