Javascript如何實現閉包

這篇文章將為大家詳細講解有關Javascript如何實現閉包，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

閉包

當內部函數被保存到外部時，將會生成閉包。閉包會導致原有作用域鏈不釋放，造成內存泄露

//內部的函數被返回到外部，必然形成閉包
function a(){
function b(){
var b = 234;
console.log(a);
}
var a = 123;
return b;
}
var demo = a();
demo(); // -->123

function test1(){
var num = 100;
function test2(){
num ++;
console.log(num);
}
return test2;
}
var demo1 = test1();
demo1();  //101
demo1();  //102

//
function test(){
            var arr = [];
            for(var i = 0; i < 10; i++){//當i = 10的時候循環停止
                arr[i] = function(){ //arr的每一位都是一個函數
                    console.log(i);//雖然函數已經定義，但未執行
                }
            }
            return arr;
        }
        var myArr = test();
        for(var i = 0; i < myArr.length; i++ ){
            myArr[i]();
        }

最后函數執行的時候會調用test的AO中的i

AO{
i = 10;
}

解決方案：立即執行函數

function test() {
            var arr = [];
            for(var i = 0; i < 10; i++) {
                (function(j) {
                    arr[j] = function() {
                        console.log(j);
                    }
                }(i))
            }
            return arr;
        }
        var myArr = test();
        for(var i = 0; i < myArr.length; i++) {
            myArr[i]();
        }

1.實現公有變量

eg:函數累加器

function add(){
var count = 0;
function demo(){
count ++ ;
console.log(count);
}
return demo;
}
var counter = add();
counter();

2.可以做緩存

eg:eater

function test2(){
var food = 'apple';
var obj = {
eatFood : function(){
if(food != ""){
console.log("I am eatting " + food);
food = '';
}else{
console.log("There is nothing! empty!");
}
},
pushFood : function(myFood){
food = myFood;
}
}
return obj;
}
var obj = test2();
obj.eatFood();
obj.eatFood();
obj.pushFood('banana');
obj.eatFood();

3.可以實現封裝，屬性私有化。

eg: Person();

關于Javascript如何實現閉包就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。