关于调用函数创建的局部作用域

var btns = document.getElementsByTagName('button'); for (var i = 0; i < 3; i++) { btnOnclick(i); } function btnOnclick(index){ btns[index].onclick = function(){ alert(index); } } 之前有一道题: 绑定3个按钮，点击输出i的值。 请问老师: for循环中，btnOnclick()每次被调用之后，它的局部作用域都被销毁，那么，为什么index的值可以被保存下来?每次触发点击事件都可以输出这个index值?

因为btn按钮绑定了点击事件，函数中的事件被外部占用着，所以函数中内容不会被销毁，从而点击按钮的时候可以使用当前作用域中的index值，形成了一个闭包。