JavaScript知识点之“函数closure ”

1. //觉得好像差不多可以成功的一个例子，出来的效果是点击，弹出的都是5.  
2. function addLinks () {  
3.     for (var i=0, link; i<5; i++) {  
4.         link = document.createElement("a");  
5.         link.innerHTML = "Link " + i;  
6.         link.onclick = function () {  
7.             alert(i);  
8.         };  
9.         document.body.appendChild(link);  
10.     }  
11. }  
12. window.onload = addLinks;  
13. //-下面这个是正确的实现  
14. function addLinks () {  
15.     for (var i=0, link; i<5; i++) {  
16.         link = document.createElement("a");  
17.         link.innerHTML = "Link " + i;  
18.         link.onclick = function (num) {  
19.             return function () {  
20.                 alert(num);  
21.             };  
22.         }(i);//!!!!!!!!!!!!!注意这里  
23.         document.body.appendChild(link);  
24.     }  
25. }  
26. window.onload = addLinks;  

以上的例子，告诉我们1个事实： 
对于绑定了事件响应的那些function，在绑定的时候，并没有执行到里面去。所以必须在绑定的时候，就把参数传进去，用到的是self-invoking的funciton，即在定义的时候已经填好参数准备调用了。如上面的注释那块。