今回は、jQuery での for ループ var と let の使い方と、jQuery で for ループ var と let を使用する際の注意点を紹介します。以下は実践的なケースですので、見てみましょう。
AJAXで送信したリクエスト内に別のAJAXリクエストがネストされており、内部リクエストの成功時に最初の成功時のループ変数iが取得できなかったことが判明しました。 具体的なコードは以下の通りです。
2番目のajaxリクエスト後のコールバック関数で、rs[i]がエラーを報告します。
解決策: for ループで宣言した変数 var i を変更してください。
具体的な理由:
最初のコールバック関数の後の for ループ内にあるため、再度リクエストを送信すると、 forループ 同期リクエストを書いても止まりません。
ただし、for ループ変数を宣言した後に let を使用すると、リクエストが完了してコールバック関数が実行されるまで、コードは次のループを開始しません。
これは、var 宣言と let 宣言を異なるスコープで記述する場合のクロージャの問題を考慮しています。
let i はローカル変数として渡されます
var i はグローバル変数として渡されます
i 変数を次の層に渡したい場合は、let を使って宣言します。
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
jQuery で画像表示プラグイン highslide.js を使用する方法 Angularjs カスタム命令の使用方法以上がfor ループ変数と jQuery での let の使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。