2021.06.15 settimeout经典问题（异步 / 块级作用域 / 一次执行）【面经】

for(var i = 0; i <= 3; i++) {
    setTimeout(() => {
        console.log(i);   4个4
    }, 0);
}
console.log(i);  4

for循环是同步的，执行完后就成4了，settimeout里面是异步的，最后再取也就是4了

setTimeout是一次执行函数，这里是10ms后执行，仅仅执行一次；for (var i=0; i <= 3; i++)，i的每次取值都是执行setTimeout这个函数，并没有执行setTimeout里面的function(即闭包函数)，setTimeout里面的function是有setTimeout的定时触动的，也就是10ms后执行，也就是说 i 从0-3时，一共执行了4次的setTimeout()函数，此时的i的值是4，由于for语句的执行速度远小于1秒，所以1秒后，由setTimeout()函数定时触动的闭包函数function)开始执行alert(0)；i的值已经是4了,所以相继打印4次i。

如果把var变成let，就是0 1 2 3 了，外面报错，因为未定义
因为let和const有块级作用域，块儿级作用域就相当于拆成4个for，每个块儿都有自己的i

因为for循环头部的let不仅将i绑定到for循环快中，事实上它将其重新绑定到循环体的每一次迭代中，确保上一次迭代结束的值重新被赋值。setTimeout里面的function()属于一个新的域，通过var定义的变量是无法传入到这个函数执行域中的，通过使用let来声明块变量，这时候变量就能作用于这个块，所以 function就能使用i这个变量了; 这个匿名函数的参数作用域和for参数的作用域不一样，是利用了这一点来完成的。这个置名函数的作用域有点类似类的属性,是可以被内层方法使用的。