非同期スコープ

Question

誰かが私を助けることができれば、私は本当に、明確に理解していなかった何かがあります：

let arr = [1,2,3,4,5,6,7]; 

let b = 0 
for (let a of arr) { 
    setTimeout(() => { 
     console.log(b, a) 
    }, 2000) 
    b = b + 1; 
} 
/* Output 
7 1 
7 2 
7 3 
7 4 
7 5 
7 6 
7 7 
*/ 

のは、2秒後に、変数bは、その後、7に等しいためbが7に等しいとしましょうなぜaの動作がbと異なるのですか？

Answer 1

スコープ変数がletキーワードでどのように機能するかが異なります。この場合、ループの反復ごとに新しいaを定義しています。しかし、反復ごとに同じb変数です。

タイムアウトは、ループが終了するまで実際には起動しません。この時点までに、各タイムアウト機能スコープに異なるaが与えられましたが、同じ最終値bを取得しています。