JS---作用域和作用域链

JS---作用域和作用域链

作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。在JavaScript中，变量的作用域有全局作用域和局部作用域两种。

//常犯的一个错误

<button id="button1">Button1</button>
<button id="button2">Button2</button>
<button id="button3">Button3</button> 

<script type="text/javascript">
function buttonInit(){
    for(var i=1;i<4;i++){
        var b=document.getElementById("button"+i);
        b.addEventListener("click",function(){ alert("Button"+i);},false);
    }
}
window.onload=buttonInit;
</script>  

//结果都是 button3!!
//这是因为，for等没有块级作用域的概念，就算是 函数，也不算是块级作用域，只能叫做为函数作用域。var i =1，相当于在函数buttonInit()里的全局变量，每次的循环，都会改变这个变量。所以i最终的结果都是3！！

//如何修改呢
function buttonInit(){
for(var i=1;i<4;i++){
var b = document.getElementById("button" + i);
(function (a)
{
b.addEventListener("click", function () { alert("Button" + a); }, false);
})(i);
  //采用自调用函数
}
}