关于块级作用域的问题

Question

var box = document.querySelector('.box');    for (var i = 0; i < 10; i++) {        var li = document.createElement('li');         li.innerHTML = i;         box.appendChild(li);         li.addEventListener('click',function(){            console.log(i);         })     }这段代码点击新生产的li标签全是10，高程书中说，闭包只能取得包含函数中任何变量的最后一个值，我理解了很长时间，不明白原委。第二个问题是，为什么将i的类型设置为let就是点击显示正常，我知道let是块级作用域的概念，那为何块级作用域就能显示正常呢？有些被绕里了，请大神解释一下，感激不尽了。

Answer 1

1，这其实是块级作用域的问题，并没有涉及到闭包。
2，产生原因在于var与let使用的作用域不同。
var 变量的作用域是全局，而let 是局部的块作用域即for循环内，
全局变量唯一性，var 声明的变量i在循环中被不断覆盖最终只是唯一的10,因此在外部调用中无论li的哪一个，最终都是10。
而let是局部的作用域，并不会被覆盖。