let 和 const 在for 循环中的使用

　　1，块级作用域。这里想说的是，在一个块{}中，使用const或let 声明一个变量，这个变量将统治整个块(consumes the entire scope)，无论你在块的什么地方声明这个变量。就算，你是在块的底部声明了一个变量， 但是这个变量的作用域，实际上从块的起始部位开始算起，一直到块的结束，存在着某种意义上的变量提升。

if(true) {
    // data 变量的作用域从这里开始
    console.log();
    console.log()

    let data = new Date();
    // data 变量的作用域在这里开始
}

　　变量存在提升，这也就意味着，我们有可能无意地使用了后面声明的变量，尤其是当变量作用域外部有一个和它重名的变量时

let data = ;

if(true) {
    console.log(data);
    console.log();
    console.log()

    let data = new Date();
}

　　运行这段代码，报错了。刚开始的时候，以为第一行的data 读取的是外部的变量data(1)， 因为内部的data 变量还没有声明。其实不是，只要在块中声明了变量，这个变量将统治整个块。第一行的console.log 读取的是块中最后一行声明的变量。尽管能读取变量，但不能使用这个变量。在一个作用域中，在let 或const 变量声明之前，使用这个变量，将抛出引用错误。能够读取，但不能使用变量的区域就是暂存死区。在一个作用域中声明一个变量，暂存死区，指的就是作用域开始位置，到变量声明位置结束，引用暂存死区中的变量就会抛出引用错误。

　　2，const 指的是不能重新赋值, 而不是值不能改变。Constants can not be reassigned. Constants are not immutable.

　　一定要区分值和变量。5，false,  {name: 'sam'} 就是值。变量，是需要声明的，let a;  它其实是在内存中开辟了一个空间，用于保存东西。变量和值是相互独立的。可以声明一个变量，不给它值，那这个变量就什么都不能做。也可以只写一个值，不赋值给任何变量，但这个值只能用一次。当把一个值赋给一个变量的时候，它们有了关系，产生了绑定，变量名和值绑定到一起了，这叫assigin. const 指的就是这一块内容。值能不能改变，只关系值本身，它不关系和变量的关系。数字5，它就不能再改变了, 但对象就可以改变。

　　3, let 和 const 在for 循环中使用

　　let 声明的变量只在for 的循环体中有效，循环结束后 变量就消失了， 同时const 也可以在for 循环中声明变量，但是不能用于 常规的for 循环中。所谓的常规for 循环就是for(let i =0; i < 10; i++) 的格式。

　　在使用for 循环的时候，每一次的迭代都会重新声明一个变量。像for(let i = 0; i < 10; i++); 这样使用时，i 变量声明了10次，只不过每一次迭代给i 赋值不一样而已，并且变量只在循环体中使用。 我们可以这样理解： 第一次迭代的使用，声明了一个变量i， 赋值为0， 0 < 10, 然后执行循环体，执行完之后i++ 变成了1. 这一次迭代就结束了，这个i 的使命就完成了。然后进行第二次迭代，这时重新声明一个变量i, 不过这次给他赋值为1，1 < 10 继续执行循环体，然后加1. 这次迭代又结束了，这个i 也完成了使命，消失了。第三次迭代进行同样的操作，声明一个全新的变量i，执行循环体之类的，直达整个循环结束。

　　对于for 循环来说，每一次的迭代都是重新声明一个全新的变量i，只是赋的值是上一次迭代完成时的值，这样的话，循环体内获取到的i， 每次也都是全新的变量i，而不是像使用 var 声明时得到的是全局变量，并且，每一次迭代完成后，i 变量就消失了。

let funs = [];

// 使用var 声明循环变量i
for (var i = 0; i < 10; i++) {
    funs.push(function(){
        console.log(i);
    })
}
// funs.forEach(item => item());  // 输出10个10

// 改为使用let 声明循环变量
let funss = [];

for (let i = 0; i < 10; i++) {
    funss.push(function(){
        console.log(i);
    })
}

funss.forEach(item => item());  // 输出0, 1, 2, 3, 4, 5, 6, 7, 8, 9

　　除了常规的for 循环之外，还有for-in 和for-of 操作， 原理都是一样的，他们每一次的迭代都是重新声明一个全新的迭代对象，而不是给原来声明的迭代对象赋新值, 循环体内获取到的都是当前迭代对象的值。

let funcs = [];
let arr = [1, 2, 3];
// for-in 循环, 数组是不建议使用for-in ,这里只是简单的演示
for (let key in arr) {
funcs.push(function() {
        console.log(key);
    });
}
funcs.forEach(function(func) {
    func(); // 输出0， 1， 2
});

// 使用for-of
funcs = [];
for (let key of arr) {
    funcs.push(function() {
        console.log(key);
    });
}

funcs.forEach(function(func) {
    func(); // 输出1， 2，3
});

　　现在看一下const, const 也可以使用在for循环中。最简单的就是把上面的三个for 循环中的let 都转换为const.  for (const i = 0; i < 10; i++) {};   for (const key of arr) {} , for (const key in arr) {} . 这时你会发现第一种常规for 循环报错了。看一下第一次迭代就知道了。声明了一个 变量i， 赋值为0。 但这里使用const， 也就意味着i 在声明之后，就不能再改变了。好了，0 < 10, 执行循环体，然后  加1，报错了，i 不能变化了。一次迭代都没有走完，就报错了，说明，在使用常规for 循环时， const  不能用来声明变量。

　　再来看一下，for-of, for-in, 没有问题，因为每一次的迭代都会声明一个全新的key， 所有的赋值都是给一个新的变量赋值，而没有改变原来的值。那使用let 和 const 有什么区别吗？ 当然有了，还是在于const  声明的变量不能重新赋值了，所以如果for-in 或for- of 中使用const 声明了变量（ 如key）， 循环体中，就不能给key 赋新值了，如果使用let ,那就无所谓了，想干什么就干什么。只不过for-in 或for-of 中，我们很少改变key 值，所以他们在实际使用时就没有什么区别了。