JavaScript クロージャー_JavaScript スキルを説明する簡単な文-jsチュートリアル-php.cn

JavaScript クロージャー_JavaScript スキルを説明する簡単な文

WBOY

リリース： 2016-05-16 18:11:46

オリジナル

994 人が閲覧しました

リソースを解放していないスタック領域と実行前プロセスとは何ですか? 最も一般的な例を使用して説明します。
たとえば、その下に多くの li がある ul があり、それらを走査してバインドする必要があります。イベントをクリックした後、追加の処理のために現在の添え字を別の関数に渡します。

コードをコピーしますコードは次のとおりです。

 
for(var i=0; i agroup[i].onclick = function() { 
 handler(i); 🎜> } 
}

ハンドラーで、渡されたパラメーター i を取得すると、通常、この時点で最大の添字が表示されます。次のメソッドを使用します。解決策:

コードをコピーコードは次のとおりです。

for(var i=0; i agroup[i].i = i 
 agroup[i].onclick = function() { 
 ハンドラー (this.i); >} 
} 

 
 そこで、ここで this のポインティングの問題について話しましょう。一般的に、JavaScript の this は現在それを参照しているオブジェクトを指します。上では、これに i という新しい属性を追加しました。その値は現在の添字値です。 

では、クロージャを使用してこの問題を解決するにはどうすればよいでしょうか?実際、原理は同じです。i 値を事前に保存するか、転送と呼ぶ必要があります。

コードをコピーコードは次のとおりです。

for(var i=0; i agroup[i].onclick = function(index) {
return function() {
handler (index);
}
}(i);

このとき、正しい添字が得られます。 i 属性を追加するのと似ていますか?つまり、それらはすべて、事前に添え字 i の値を渡すか、保存します。上記のデモでは、onclick で参照される関数が事前実行されており、この
関数はインライン関数を返し、リソースが解放されていないスタック領域を形成し、事前実行中に i の値がパラメーターに変更されます。このスコープにはフォームが渡されます（説明能力に問題があります。この説明が正確かどうかはわかりません。試してください）。