js闭包

学习js,闭包一直是反复讨论的问题,这里,我就根据自己的所见及理解,讨论与闭包有关的东西

function f(){
	       	    var a=2;
	       	    function m(){
	       	    	console.log(a)
	       	    }
	       	 m();
	       }
	       f();

js中经常出现这样的情况,有些变量我们既希望用到它又不想让它污染全局环境,所以我们在外部又加了一层函数,这样函数m()调用了外部函数f()的变量a,严格来说,这就是运用闭包了。再来看下面的程序:

function f(){
	       	    var a=2;
	       	   return function() {
	       	    	console.log(a)
	       	   }
	       }
	       var m=f();
	       m();
到这里,便出现了我们最顺眼的闭包形式,内部函数脱离外部函数,可以直接在全局调用函数内部的函数,这里也符合维基百科等定义机构对闭包的定义。

那闭包这种特殊的形式有什么妙用呢,接下来继续看

 function f(){
	       	    var a=2;
	       	   return function() {
	       	    	a++;
	       	    	console.log(a);
	       	   }
	       }
	       var m=f();
	       m();
	       m();
	       m();

以上这段程序我们做的是重复调用函数实现变量累加,试想我们直接调用函数f()的话,结果三次都会重复输出3,因为每次调用都在重新定义变量,这样我们只能把变量放在全局环境中才能实现,那么就会污染全局环境,所以闭包的价值体现出来了。接下来再看

 function f(base){
	     	return function(max){
	     		var total=0;
	     		for(var i=0;i<=max;i++){
	     			total+=i;
	     		}
	     		return total+base;
	     	}
	     }
	     var adder=f(2);
	     alert(adder(3));//3+2+1+2=8
这段代码实现的是从0到max累加后再与基数base相加,最后返回结果,这里我们用到了两个参数——base,max。然而我们是用一个参数来实现的,另一个参数隐藏在了内部函数中,这也是闭包给我们带来的便捷。再看:

 (function(){
	    	   var m=0;
	    	   function getM(){
	    	   	return m;
	    	   }
	    	   function setM(val){
	    	   	m=val;
	    	   }
	    	   window.g=getM;
	    	   window.s=setM;
	    })()
	     s(12);
	     alert(g());

这里用到一点面向思想的编程模式,不过也是对闭包的完美应用,变量m定义在函数中,getM()和setM()函数也调用了父函数的变量,是典型的闭包结构。






  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值