javascript經典閉包問題
阿新 • • 發佈:2018-11-12
//閉包 function fun(n,o) { console.log(o) return { fun:function(m){ return fun(m,n); } }; } var a = fun(0); a.fun(1); a.fun(2); a.fun(3);//undefined,?,?,? var b = fun(0).fun(1).fun(2).fun(3);//undefined,?,?,? var c = fun(0).fun(1); c.fun(2); c.fun(3);//undefined,?,?,? //問:三行a,b,c的輸出分別是什麼? // undefined 0 0 0 // undefined 0 1 2 // undefined 0 1 1
閉包(closure)是Javascript語言的一個難點,也是它的特色,很多高階應用都要依靠閉包實現。
不多解釋,直接上程式碼。
比較常見的一個閉包形式,通過匯出一個function或object來使用一個“私有”變數。
function func(){
var i=0; //私有變數,外部無法引用
function func2(){
return i++; //func2被匯出,並引用私有變數i
}
return func2;
}
var ins = func();
ins();//0
ins();//1
閉包防止變數混淆。
var delegates=[]; for(var i=0;i<10;i++){ delegates.push(function(){F.echo(i, true);}); } for(var j=0;j<10;j++){ delegates[j](); //均輸出10,因為i引用了迴圈後的i值 } var delegates=[]; for(var i=0;i<10;i++){ delegates.push((function(i){ return function(){F.echo(i, true);};})(i)); } for(var j=0;j<10;j++){ delegates[j](); //按順序輸出0-9 }
防止程式碼汙染全域性變數
var name = 'mae';
(function(){
//這裡面的變數有自己的作用域,不會汙染全域性變數。
//除非,你沒使用var宣告變數
var name = 'mae-inner';
})();