If you can't explain it to a six-year-old, you really don't understand it yourself.
闭包（closure）是JavaScript语言的一个难点，也是JavaScript的一个特色，很多高级的应用都要依靠闭包来实现。
作用域
在js中，函数会形成函数作用域，在函数内部可以直接访问全局变量
varstr="zs";
functionfn(){
console.log(str);//访问全局变量
}
fn();//zs
在函数外部却无法访问函数内部的变量
functionfn(){
varstr="zs";
}
fn();
console.log(str);//报错 str is not defined
问题：我怎么才能获取到函数内部的变量？
作用域链
在函数内部有一个函数，那么函数内部的函数是可以访问到外部函数的变量的。
解决方法：
functionfn(){
varstr="zs";
functionf2(){
console.log(str);
}
f2();
}
fn();
在上述代码中，fn中定义的所有变量，对于f2函数都来都是可以访问的。但是现在f2在函数的内部，我们如何在外部访问到f2这个函数呢？
functionfn(){
varstr="zs";
functionf2(){
console.log(str);
}
returnf2;
}
varresult=fn();
result();// "zs"
闭包的概念
上面代码中的f2就是闭包，闭包就是能够读取到其他函数内部变量的函数。因此我们可以把闭包理解为定义在函数内部的函数;
闭包是函数内部与外部连接起来的桥梁。
闭包的应用
计数器
需求：统计一个函数的调用次数
varcount=0;
functionfn(){
count++;
console.log("我被调用了，调用次数是"+count);
}
fn();
fn();
fn();
缺点：count是全局变量，不安全。
使用闭包解决这个问题！！！！
functionouter(){
varcount=0;
functionadd(){
count++;
console.log("当前count"+count);
}
returnadd;
}
varresult=outer();
result();
私有变量
使用闭包实现私有变量的读取和设置
functionouter(){
varnum=10;
functionset_num(n){
num=n;
}
functionget_num(){
returnnum;
}
return{
set_num:set_num,
get_num:get_num
}
}
varobj=outer();
obj.set_num(2000);
console.log(obj.get_num());
网友评论