问一个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&nbsp;(var&nbsp;i&nbsp;=&nbsp;1;&nbsp;i&nbsp;<=&nbsp;10;&nbsp;i++) {&nbsp;&nbsp;&nbsp;console.log(i);//10 &nbsp;&nbsp;&nbsp;document.getElementById("id"+i).onclick&nbsp;=&nbsp;function&nbsp;(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(i);&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(i); &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp; }for循环每次执行为对一个的DOM元素绑定了一个click事件回调函数，而这个绑定的匿名函数不会在for循环执行的时候执行，等到对应DOM元素上的click事件发生后才被执行4) click匿名函数声明时，就确定函数中使用到的变量i在其所在函数的外层函数或全局作用域中5)当click匿名函数执行时-click事件发生，i变量的值就为for循环结束后的值，为11