学习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()函数也调用了父函数的变量,是典型的闭包结构。