javascript 变量作用域的陷阱

先看一段代码：

 

/*
 * 需要引入jQuery
 * link0,link1,link2为链接，下面为链接绑定点击事件
*/
$(document).ready(function(){
	for(var i=0 ; i<=2 ; i++){
		$("#link"+i).click(function(){
			alert(i);
		});
	}
});

结果是什么呢？结果是什么呢？

原以为点击每个连接时，会提示每个连接的索引值，即i。可结果却出乎意料了，清一色的是3。

原来，虽然绑定好了时间，但当click事件执行时，才会获取i的值，而事件的绑定却在页面加载完成后就已经完成了，因此，i的值已经成为了3 。

这个时候不管哪一个链接，都是弹出3。