JavaScript理解闭包 以及闭包和立即执行函数

闭包

闭包大致可以简单理解为一种能在函数外部访问函数内的变量或者数据,让作用域链延长不释放。(自己的理解可能不严谨)
闭包的作用:缓存数据,延长作用域链
闭包的优点:缓存数据,不易造成全局变量污染
闭包的缺点:容易内存溢出

function outer(){
	   var num = 100;
			function enter(){
				document.write(num);
			  }
		return enter;
	}
var getEnter = outer();
getEnter();//界面输出100

代码为:把outer的函数执行返回值赋给getEnter变量,因为outer函数的返回值为enter函数,然后执行getEnter所赋予的函数。
在整个过程中outer函数执行中因为内部函数enter牵扯着变量num,导致outer执行完时作用域链并没有断被enter牵扯,最后从执行getEnter:enter的函数,函数从outer的AO找寻需要的变量num,最后输出100

普通的函数在执行完函数后会把作用域链断开,销毁,等待下一次执行。而闭包中会把因为内部函数的牵扯或者外部访问中延长作用域链的使用过程,以及变量的作用。

		function out(){
			var n = 999;
			nAdd = function(){ 
				n ++;
				console.log(n);
			}
			console.log(n);
		}
		var getN = out();//999
		nAdd();//1000

再看这个代码,也是闭包。闭包并不是非需要return来进行访问函数内部,在函数中定义全局变量并赋予函数,从外部调用这个变量的函数同样也会造成作用域链延长。

闭包和立即执行函数

function test1(){
			var arr = [];
			for(var i = 0; i < 3;i++){
				(function(j){
					arr[j] = function (){
						console.log(j);
					}
				}(i));	
			}
			return arr;
		}
		var myArr = test1();
		myArr[0]();//0
		myArr[1]();//1
		myArr[2]();//2

如以上闭包代码,在后面返回数组调用其中各自的函数中,如果不用一个及时函数,数组中三个函数都牵扯的是一个变量i。用了立即执行函数包裹数组添加函数步骤,并在调用中添加立即执行函数形参和实参这样在里面的循环添加函数调用时牵扯的作用域链为各自单独的。

~~~~~end ~~~~~

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值