for循环里的var和let

var

function print() {
    var name = "zhangsan";
    var skills = ["js", "vue", "angular"];
    for (var i = 0, len = skills.length; i < len; i++) {
        setTimeout(function () {
            console.log(name + " learn skill " + (i) + " " + skills[i])
        }, 0)
    }
}
print();

let

function print() {
    var name = "zhangsan";
    var skills = ["js", "vue", "angular"];
    for (let i = 0, len = skills.length; i < len; i++) {
        setTimeout(function () {
            console.log(name + " learn skill " + (i) + " " + skills[i])
        }, 0)
    }
}
print();

原因：

// 循环每次访问到的变量i实际上都是同一个变量，
// addEventListener和setTimeout()都是异步任务，for循环是同步任务，
// 因此需要在for循环结束后才能执行addEventListener（）和setTimeout()，
// 此时访问到的i等于5，由于循环了5次，所以异步队列中有5个setTimeout（），依次执行，
//访问到的都是同一个i，同一个i不断增加所以弹出五次5；

// 而 let不存在变量提升，所以每次循环都会执行一次，声明一个新变量（但初始化的值不一样）。
// for 的每次循环都是不同的块级作用域，let 声明的变量是块级作用域的，所以也不存在重复声明的问题。
// let声明变量的for循环里，每个匿名函数实际上引用的都是一个新的变量