js闭包的两种模式

最新推荐文章于 2025-06-10 17:03:59 发布

load_life

最新推荐文章于 2025-06-10 17:03:59 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： function fun 面试

本文链接：https://blog.youkuaiyun.com/load_life/article/details/8096429

javascript 专栏收录该内容

200 篇文章

订阅专栏

本文介绍了三种常见的闭包使用模式：自运行模式、函数对象模式及方法返回函数模式，并通过具体示例展示了闭包如何帮助实现特定功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天看到一道面试题"你喜欢的使用闭包的模式是什么？"于是查找学习了一下相关信息

//自运行模式示例：当用户先后按住键盘的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

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

function add(toadd){
  //再次强调：内部函数可以带参数，且可以如下简化写法
  return function(baseNumber){
        return toadd+baseNumber;
  }


}

//调用

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>