问一个JavaScript里弱弱的闭包的问题

Question

   不是很理解点击事件的触发过程。。。  在外层for语句i=10,当进入内部函数的时候,i++,由于作用域,内部函数可以调用作用域链上外部的变量,所以内层输出为11。  但外层输出了i=1/2/3/4/5/6/7/8/9/10,我的疑惑是比如当点击第二个按钮的时候,外层的i已经循环到10了,按这种思路来说,是直接会触发:document.getElementById("id10").onclick = function (){},意思是只有第10个按钮才会触发。。第二个按钮为什么会触发onclick事件呢..之前看到了外层会输出i=1/2/3/4/5/6/7/8/9/10,意思是都会触发吗？能不能这样理解:点击第二个按钮的时候,i=2,document.getElementById("id2").onclick = function (){},被触发的时候,但是for循环不会停止,当判断条件不为false的时候,则i=11也会传入document.getElementById("id2").onclick = function (){}内部函数里,然后由于先后顺序,i=11会覆盖掉之前的i=2的赋值,最后输出11。。。是这样理解的吗？？像下面(这样的话,就只会输出一个值,而且只有当点击第五个按钮的时候):对原理和顺序不是很了解。。。求解答。。万分感谢

Answer 1

1) js没有块级作用域，只有函数作用域；也就是说for循环中声明的变量的作用域不在for循环块中，其中声明的变量的作用域为其所在的函数或全局作用域
2) js函数中变量作用域是在函数声明的时候确定-词法作用域，也就是在函数声明的时候就确定函数中使用到的变量去哪里寻找
3)

for (var i = 1; i <= 10; i++)
{   console.log(i);//10
   document.getElementById("id"+i).onclick = function (){       console.log(i); 
        alert(i);
    }  
}

for循环每次执行为对一个的DOM元素绑定了一个click事件回调函数，而这个绑定的匿名函数不会在for循环执行的时候执行，等到对应DOM元素上的click事件发生后才被执行
4) click匿名函数声明时，就确定函数中使用到的变量i在其所在函数的外层函数或全局作用域中
5)当click匿名函数执行时-click事件发生，i变量的值就为for循环结束后的值，为11