js中块级作用域和函数作用域的区别

js中块级作用域和函数作用域的区别
什么是局部作用域（块级作用域）
js块级作用域和let，const，var区别

留疑：闭包，for循环，立即执行函数，let块级作用域
javascript for 循环 块级作用域

关于for循环里面异步操作的问题（不错）
关于for循环中使用setTimeout的四种解决方案（不错）

for (var i=1; i<=5; i++) {
    setTimeout( function timer() {
        console.log( i );
     }, i*1000 );
}

这是因为setTimeout是异步执行，每一次for循环的时候，setTimeout都执行一次，但是里面的函数没有被执行，而是被放到了任务队列里，等待执行。只有主线上的任务执行完，才会执行任务队列里的任务。也就是说它会等到for循环全部运行完毕后，才会执行fun函数，但是当for循环结束后此时i的值已经变成了6，因此虽然定时器跑了5秒，控制台上的内容依然是6。

function box2() {
    var arr = [];
    for (var i = 0; i < 5; i++) {
        arr[i] = (function(num) { //自我执行，并传参(将匿名函数形成一个表达式)(传递一个参数)
            return num; //这里的num写什么都可以                   
        })(i); //这时候这个括号里面的i和上面arr[i]的值是一样的都是取自for循环里面的i                           
    }
    return arr;
}
console.log(box2());     //[ 0, 1, 2, 3, 4 ]

var arr = [];
for(var i = 0; i < 5; i++){
    arr[i] = function(i){
     console.log(i);
    }(i);
};
arr[2];

console.log("-------");
// 闭包
var arr = [];
for(var i = 0; i < 5; i++){
    arr[i] = function(i){
        return function(){
            console.log(i);
        };
    }(i);
};
arr[2]();


// 立即执行函数
var arr = [];
for(var i = 0; i < 5; i++){
    arr[i] = (function(i){
        return function(){
            console.log(i);
        };
    }(i));
};
arr[2]();

// let 实现：

// 'use strict';
var arr = [];
for(let i = 0; i < 5; i++){
    arr[i] = function(){
        console.log(i);
    };
};
arr[2]();

0
1
2
3
4
-------
2
2
2

正确的定时打印采用递归实现

function box7(param) {
    if (param < 5) {
        console.log("index is :", param);
        setTimeout(function() {
            box7(param + 1);
        }, 1000)
    }
}
box7(0);

采用 async和await实现

var asyncFunc = function(arr, i) {
    return new Promise(function(resolve, reject) {
        setTimeout(function() {
            arr.push(i);
            console.log("index is : ", i);
            resolve();
        }, 1000);
    });
}
 
var box5 = async function() {
    var arr = [];
    for (var i = 0; i < 5; i++) {
        await asyncFunc(arr, i);
    }
    console.log(arr);
}
 
box5();