javascript - js の落とし穴の質問: setTimeout() 関数の結果が実行後 5 6 秒になる理由は何ですか?

Question

setTimeout() 関数の結果が実行後 5 6 秒になるのはなぜですか?

リーリー

js クロージャを使用して問題を解決し、目的の 1、2、3、4、5 を取得しましたが、なぜ上記のコードに 6 が 5 つも表示されるのか理解できません。

リーリー

Answer 1

最初に理解する必要があるのは、JS のタスクメカニズムはキューメカニズムであるということです。

つまり、for ループを実行する代わりに、setTimeout タスクをキューの最後に置くだけです。つまり、setTimeout で実行されるコードは for ループが実行された後にのみ実行されるため、その時点の i の値は次のようになります。 for ループを満たさない値の場合は、setTimeout コードが実行されます。

個人的な意見ですので、間違っているところがあればご指摘ください

Answer 2

var は let に変更できます

var はグローバル定義であり、i はクロージャーを形成せず、log(i) は i 6 の最終値を出力します

let はブロックレベルのドメインです

リーリー

Answer 3

setTimeout には 2 つの特徴があります。this がコンテキストの this から分離されていることと、その呼び出しが非同期であることです。

これは [非同期] が原因で、for ループが最初に完了し、その後 setTimeout が実行されます。for ループは実行されるたびに最後に 6 になるため、当然 setTimeout してから i を呼び出します。 5 6

解決策 1:

リーリー

解決策 2:

リーリー

解決策 3:

リーリー