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
     }
 }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值