JavaScript閉包實例講解_javascript技巧

這帶來的好處是內部函數可以存取定義它們的外部函數的參數和變數。

首先，我們來建構一個簡單的物件。

複製碼 程式碼如下:

var testObj = {


var testObj = {

var testObj = {

    add: function(inc){

        this.value = (typeof inc === "number") ?inc : 1;

    }
}

}testObj.add();
testObj.value; // 11

testObj.add(2);    testObj.value; // 13這樣寫就有一個問題，value值不能保證不會被非法修改，可以按如下的方法進行修改。

複製程式碼


程式碼如下:


var testObj = (function(>

var test value = 10;
    return {
        add: function(inc){          },

        getValue: function (){
            return value;

        }

    };
})();

    };
})();  

testObj.add();
testObj.getValue(); // 11

testObj.add(2);testObj.getValue(); // 13我們可以通用呼叫一個函數的形式去初始化testObj，函數會傳回一個物件字面量，函數裡面定義了一個value變量，該變數對add和getValue方法總是可用的，但函數的作用域使得它對其他的程式來說是不可見的。同時，我們也可以得出一個結論，內部函數擁有比它的外部函數更長的生命週期。 我們再繼續看一個建構函式呼叫的例子。

複製程式碼

程式碼如下:

var MyObj = function( 是str .status = str;
};

MyObj.prototype.getStatus = function(){
    return this.status;

}; var obj = new MyObj("javascript");obj.getStatus(); // "javascript"這樣寫並沒有錯，但是會有一點“多此一舉”，為什麼要用一個getStatus方法去存取一個本來可以直接存取到的屬性呢？如果status是私有屬性，那當然才有意義。

複製程式碼


程式碼如下:

var obj = function(status){

var obj = function(status){

        getStatus: function(){           以 return status;   var myObj = obj("javascript");myObj.getStatus(); // "javascript"這裡當我們呼叫obj的時候，它會傳回包含getStatus方法的一個新物件，該物件的一個參考保存在myObj中，即使obj已經回傳了，但getStatus方法仍然享有存取obj物件的status屬性的特權。 getStatus方法並不是存取該參數的副本，它所存取的就是該參數本身。這是可能的，因為該函數可以存取它被創建時所處的上下文環境，這稱為閉包。