js核心基础之闭包的应用实例分析

<p>第一行</p>
<p>第二行</p>
<p>第三行</p>

function addHander(nodes){
  for ( var i=0;i<nodes.length;i++) {
    var node=nodes[i];
    node.onclick=function(){
     alert('当前是第'+i+'行');//3 3 3
    }
  }
}
var nodes=document.getElementsByTagName("p");
addHander( nodes);

function addHandler(nodes) {
 function invoke(i) {
   return function () {
     alert(i+1);
   }
 }
 for (var i=0;i<nodes.length;i++){
   var node=nodes[i];
   node.onclick=invoke(i);
 }
}
var nodes=document.getElementsByTagName("p");
addHandler( nodes);

function addHandler(nodes){
  for ( var i=0;i<nodes.length;i++) {
    var node=nodes[i];
    node.onclick=function(j){
    //同样的返回的均为函数，但匿名函数自调用将其激活了
      return function(){//闭包
        alert(j+1);
      }
    }(i);
  }
}
var nodes=document.getElementsByTagName("p");
addHandler(nodes);

function f(){
  var a=[];
  for ( var i=0;i<3;i++) {
    a[i]=function(){
      return i2;
    }
  }
  return a;
}
var result=f();
document.write(result[0]()+result[1]()+result[2]());
//输出为6  6  6