JS中简单易懂的闭包,你学会了么?

闭包的概念

​ 利用作用域的嵌套,触发了计算机的垃圾回收机制,将原本的局部变量进化成私有变化的环境 。

闭包的特点
  • 解决掉所有的全局变量,节省内存空间;
  • 相对于局部变量来说,浪费了内存 ;
  • 将局部变量进化成私有变量,在外部可以修改内部的值
闭包形成的三要素
  • 在函数A内部有函数B,并返回了函数B 。
  • 函数B使用了函数A的局部变量 。
  • 执行函数A时,保存函数B,单独执行函数B 。
闭包的应用场景
  1. 循环中的事件,事件中使用循环每次的计数器 。
 var ali = document.querySelectorAll(".list li");
 for(var i=0;i<ali.length;i++){
 	(function(index){
     	ali[index].onclick = function(){
         	console.log(index);
     	}
 	})(i);
  }

或者写成↓↓↓
 var ali = document.querySelectorAll(".list li");
 for(var i=0;i<ali.length;i++){
     ali[index].onclick = (function(index){
         return function(){
             console.log(index);
         }
     })(i);
 }
  1. 给系统默认的回调函数传参:计时器的回调函数,传参
 function fn(a){
     return function(){
         console.log(a);
     };
 }
 setTimeout(fn("world"), 1000);
  1. 处理掉全局变量,只要开启新文件,新功能,最好上手就是一个匿名函数,简易闭包
 var f = (function(){
     var a = "hello";
     function fn(){
         console.log(a + "world");
     }
     return fn;
 })();
 f();
  1. 封装过的事件委托,利用到了闭包
 obox.onclick = eveEnt(achild,function(){})
 function eveEnt(eleArr,cb){
     return function(eve){
         eleArr
         cb
     }
 }
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
闭包是指函数能够访问其它函数内部的变量,并且在函数执行完毕后,仍然可以访问这些变量。在 JavaScript ,函数内部可以创建一个闭包,通过将内部函数返回或引用给外部使用,来实现闭包的效果。 闭包的作用有以下几个: 1. 封装变量:通过闭包,可以将变量私有化,在外部无法直接访问或修改,只能通过闭包提供的接口操作。 2. 保持状态:由于闭包的特性,内部函数可以访问外部函数的变量,因此可以在外部函数执行完毕后,保持某些状态的存储,供后续调用使用。 3. 实现模块化:通过使用闭包,可以创建私有方法和变量,从而实现模块化的编程方式,避免全局命名冲突和变量污染。 闭包的缺点主要有以下几个: 1. 内存占用:闭包会使得函数的变量一直保存在内存,不会被垃圾回收机制回收。如果闭包持有大量资源或被频繁调用,可能会导致内存占用过高。 2. 性能损耗:由于闭包需要维护其内部的作用域链,涉及到变量查找和作用域链的跳转,因此闭包的执行效率相对较低。 我在编程常用闭包的场景有以下几个: 1. 私有变量和方法:通过闭包实现模块化的编程方式,封装私有变量和方法,暴露出公共方法,提供对外访问和操作的接口。 2. 计数器和累加器:使用闭包来实现计数器或累加器的功能,在每次调用函数时,能够记住之前的状态并进行相应的操作。 3. 延迟执行:通过使用闭包,可以实现延迟执行函数的效果,例如在定时器或事件处理函数,保持对当前环境的引用,以便在合适的时机执行。 以上是关于原生 JavaScript 闭包的概念、作用和缺点,以及我在编程使用闭包的一些例子。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值