js闭包的两种模式

最新推荐文章于 2022-03-13 19:11:20 发布

xdajian

最新推荐文章于 2022-03-13 19:11:20 发布

阅读量214

点赞数

分类专栏： Javascript 文章标签： J# HTML

本文链接：https://blog.csdn.net/xdajian/article/details/83844061

版权

Javascript 专栏收录该内容

55 篇文章 0 订阅

订阅专栏

1闭包的方式：
1.1自运行模式(无需调用)。
  (function(params_declare){//params_declare 参数声明
   //使用params_declare do something
  })(parms_value);//parms_value要求是参数值

1.2 方法对象模式：
  function Fun(parms){
   var innerParams;//内部参数
   function innerFun(){//内部函数要求没有参数
    //利用fun的参数和innerParmas参数 do something
    //注意：innerFun对innerParams的变动，会影响每一个Fun的实例化的对象
   }
   return innerFun;//必须没有括号
  }
调用示例： var fun = new Fun("参数列表");
    fun();//实质是调用innerFun方法，此时innerParams是内部的一个"全局"变量
*/

//自运行模式示例：当用户先后按住键盘的ctrl+enter的时候，弹出消息。其中preCode,clickCount是闭包的全局变量
(function(mess){
  var clickCount=0;//记录时间触发次数的变量
  var preCode="";//记录前一个键盘的Code的便来那个，用于判断是不是ctrl键
  document.body.onkeydown = function(){
  if(preCode=="17" && event.keyCode=="13"){
   clickCount++;//自增
   alert(mess+",次数："+clickCount);//第一次提示消息："触发事件，次数：1",第二次提示消息："触发事件，次数：2"
  }else{
   preCode=event.keyCode;//记录前一个键盘的Code
  }
}})("触发事件");

//函数对象模式示例
function Fun(j){
   var i=1;

   function innerFun(){
   alert("j+i="+(j+i));
   i+=j;//注意：innerFun对innerParams的变动，会影响每一个Fun的实例化的对象
   }
   return innerFun;
}
var fun =new Fun(10);
fun();//11
fun();//21

//方法返回的是一个带参数的函数

//调用

var addFun = add(2);//addFun是一个方法 function(num){return 2+num};
var res = addFun(9);//11
var res2 = add(2)(4);//6
var res23 = add(23)(1)//24
alert(res);

</script>

</body>
</html>