/* for(var x = 0; x<3; x++){ setTimeout(() => console.log(x), 1000); } */ { // the loop block when you use var x = 0; var x = 0; let temp = x { // scope1 var x = temp; if(x<3){ setTimeout(() => console.log(x), 2000); } } { //scope2 temp++ var x = temp; if(x<3){ setTimeout(() => console.log(x), 2000); } } { //scope3 temp++ var x = temp; if(x<3){ setTimeout(() => console.log(x), 2000); } } { //scope4 temp++ var x = temp; if(x<3){ setTimeout(() => console.log(x), 2000); } } } /* for(let i = 0; i<3; i++){ setTimeout(() => console.log(i), 1000); } */ { // the loop block when you use let i = 0; let i = 0; let temp = i { // scope1 let i = temp; if(i<3){ setTimeout(() => console.log(i), 2000); } } { //scope2 temp++ let i = temp; if(i<3){ setTimeout(() => console.log(i), 2000); } } { //scope3 temp++ let i = temp; if(i<3){ setTimeout(() => console.log(i), 2000); } } { //scope4 temp++ let i = temp; if(i<3){ setTimeout(() => console.log(i), 2000); } } } /* let y = 0; for(y; y<3; y++){ setTimeout(() => console.log(y), 1000); } */ let y = 0; { // the loop block when you use y { // scope1 if(y<3){ setTimeout(() => console.log(y), 2000); } } { //scope2 y++ if(y<3){ setTimeout(() => console.log(y), 2000); } } { //scope3 y++ if(y<3){ setTimeout(() => console.log(y), 2000); } } { //scope4 y++ if(y<3){ setTimeout(() => console.log(y), 2000); } } }

var vs let in loops (JavaScript)