一、闭包定义:
闭包就是能够读取其他函数内部变量的函数。—— 阮一峰
只要有一个函数使用了它外面的变量,这个函数就是一个闭包。
闭包就是作用域的特殊使用方式。
二、全局变量和局部变量。
1、全局变量
方式1
var a = 5;
注意:该句不能包含在function内,否则是局部变量。
var n = 111;
function f1() {
console.log(n);
}
f1(); // 111
方式2
a = 5;
注意:即使该语句是在一个function内,当该function被执行后a变成了全局变量。
function f1() {
n = 999;
}
f1();
console.log(n)// 999
方式3
window.a;
window.a = 5;
注意:这种方式经常被用到一个匿名函数执行后将一些函数公开到全局
window.jQuery = window.$ = jQuery;
2、局部变量
方式1
function f1(){
var n=999;
}
console.log(n) //error
在函数外部自然无法读取函数内的局部变量。
方式2
{
let q = 1 //局部变量
}
console.log(q)//error
三、外部读取局部变量
正常情况下,外部是无法读取局部变量的;只有通过变通方法才能实现。
方法1
再定义一个函数
function f1() {
var n = 111;
function f2() {
console.log(n); //111
}
}
既然f2可以读取f1中的局部变量,那么只要把f2作为返回值,就可以在f1的外部读取它内部的局部变量了。
function f1() {
var n = 111;
function f2() {
console.log(n); //111
}
return f2
}
var a = f1();
a()//111
方法2
运用window做通讯。
//在一个立即执行函数访问另一个立即执行函数中的值
! function () {
var a = 1 //局部变量
window.username = a //a赋值给window,window是全局变量
}()
! function () {
console.log(window.username) //通过window取得a的值
}()
在海洋中两座孤岛之间,靠船来通讯(window)。
如图:
方法3
在一个立即执行函数访问另一个立即执行函数中的值,只能读。
! function () {
var user = {
name: 'lili',
age: 20
}
window.users = {
names: function () {
return user.name
},
ages: function () {
return user.age
}
}
//不能让别的作用域改user,只能读。
}()
! function () {
window.users.names() // lili
window.users.ages() // 20
}()
四、闭包用途
一般情况下使用闭包是为了:
1、可以读取函数内部的变量,如:方法1 方法2
2、暂存数据
function f1(){
var n=999;
nAdd=function(){n+=1}
function f2(){
console.log(n);
}
return f2;
}
var result=f1();
result(); // 999
nAdd();
result(); // 1000
在这段代码中,result实际上就是闭包f2函数。它一共运行了两次,第一次的值是999,第二次的值是1000。这证明了,函数f1中的局部变量n一直保存在内存中,并没有在f1调用后被自动清除。
这段代码中另一个值得注意的地方,就是“nAdd=function(){n+=1}”这一行,首先在nAdd前面没有使用var关键字,因此nAdd是一个全局变量,而不是局部变量。其次,nAdd的值是一个匿名函数(anonymous function),而这个匿名函数本身也是一个闭包,所以nAdd相当于是一个setter,可以在函数外部对函数内部的局部变量进行操作
五、总结
1、有一个地方需要注意,函数内部声明变量的时候,一定要使用var命令。如果不用的话,你实际上声明了一个全局变量,如:方式2
2、闭包会在父函数外部,改变父函数内部变量的值。如:方法3
3、由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包。
参考:
MDN