js闭包使用之处

1。循环绑定

No Use：

  var lists = document.getElementsByTagName('li');

  for(var i=0;i<lists.length;i<l;i++){

   lists[i].onclick=function(){alert(i);};

  }



结果：点击每一个li，都是弹出lists.length的值。

原因：onclick事件中的i值只是引用，最后循环执行完了，

i = lists.length。



Use：

 var lists = document.getElementsByTagName(‘li’);

 for(var i=0;i<lists.length;i<l;i++){

  lists[i].onclick=function(k){

   return function(){

    alert(k);

   }

  }(i);

 }



结果：点击每一个li，弹出对应li的编号i值。--》点击观看效果。

原因：将i值传递进内部的函数中，此时函数已经执行了，所以，i这个值就是当时的值。 2。配置对应访问 No Use：  function getType(type){   var list = {   ‘a’:'配置一',   ‘b’:'配置二',   ‘c’:'配置三'   }   return list[type]; } 结果：返回需要的配置值。 分析：每次调用都需要重新定义list变量以及赋值; Use：  var getType = function(){   var list = {   ‘a’:’配置一’,   ‘b’:’配置二’,   ‘c’:’配置三’   };   return function(type){     return list[type];   };  }(); --》点击观看效果。 结果：返回需要配置值。 分析：只需要定义与赋值一次list变量。 3。封装类 No Use：  function ClassA(name){   this.name = name;   this.getName = function(){    return this.name;   }  } 结果：正常定义需要类。 Use：   var ClassA = function(){    function init(name){     this.name = name;     this.getName = function(){       return this.name;     }   }   return init;  }(); 结果：更进一步封装类。看起来优雅些。 4。自执行，避免全局变量污染 No Use：  var a = ‘1’;  var b = ‘2’;  alert(a+b);  结果：弹出12。 分析：多了两个全局变量a与b。 Use：   function(){    var a = ‘1’;    var b = ‘2’;    alert(a+b);  }(); 结果：弹出12。 分析：函数执行完，变量a与b消失，不存在全局变量。 5。将json对象的公用函数私有化 No Use：  var data = {   getA:function(){return ‘A’},   getB:function(){return ‘B’},   p_get:function(){return this.getA()+this.getB();}  }  data.p_get(); 结果：返回’AB’。 分析：getA与getB方法，只是提供给p_get方法使用，属于私有方法，不应该变成公用方法，data.getA()也能访问得到。 Use：   var data = function(){    function getA(){return ‘A’};    function getB(){return ‘B’};    var json = {      p_get:function(){return getA()+getB();}    }    return json;   }();   data.p_get(); 结果：返回’AB’； 分析：getA与getB只能在内部访问，无法通过data.getA方式访问。