閉包用于突破作用域function(){},指有權(quán)訪問另一個函數(shù)作用中的變量的函數(shù)。
- 將函數(shù)中的變量可在函數(shù)外部訪問
eg1:
function test1(){
var x=10;
return function(){
return x;
}
}
var a=test1();
console.log(a());//10
eg2:
var y;
function test2(){
var x=10;
y=function (){
return x;
}
}
test2();
console.log(y());//10
eg3:
function test3(e){
var y=function(){
return e;
}
e++;
return y;
}
var c=test3(123);
console.log(c());//124
- 閉包解決的函數(shù)內(nèi)變量的輸出問題
//直接輸出變量只能獲取最后變量狀態(tài)
function test4(){
var x=[];
var i;
for(i=0;i<3;i++){
x[i]=function(){
return i;
}
}
return x;
}
var d=test4();
console.log(d[0]());//3
console.log(d[1]());//3
console.log(d[2]());//3
//使用自調(diào)用函數(shù)（IIFE）
function test4(){
var x=[];
var i;
for(i=0;i<3;i++){
x[i]=(function(a){
return function(){
return al
};
})(i)
}
return x;
}
var d=test4();
console.log(d[0]());//0
console.log(d[1]());//1
console.log(d[2]());//2
//使用子函數(shù)
function test5(){
function childxx(a){
return function(){
return a;
};
}
var x=[];
var i;
for(i=0;i<3;i++){
x[i]=childxx(i);
}
return x;
}
var d=test5();
console.log(d[0]());//0
console.log(d[1]());//1
console.log(d[2]());//2
注：let即可解決
- 閉包應(yīng)用于內(nèi)部變量的設(shè)置这嚣，使內(nèi)部變量不暴露于外面
var getValue,setValue;
void function(){
var x=0;
getValue=function(){
return x;
};
setValue=function(a){
x=a;
};
}();
console.log(getValue());//0
setValue(10);
console.log(getValue());//10
4.迭代器
function dada(x){
var i=0;
return function(){
return x[i++];
}
}
var next=dada(['a','b','c']);
console.log(next());//a
console.log(next());//b
console.log(next());//c
