JavaScript閉包執行個體講解_javascript技巧

來源:互聯網
上載者:User

這帶來的好處是內建函式可以訪問定義它們的外部函數的參數和變數。

首先,我們來構造一個簡單的對象。

複製代碼 代碼如下:

var testObj = {
    value: 10,
    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 value = 10;
    return {
        add: function(inc){
            value += (typeof inc === "number") ? inc : 1;
        },
        getValue: function(){
            return value;
        }
    };
})();

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

testObj.add(2);
testObj.getValue(); // 13


我們可以通用調用一個函數的形式去初始化testObj,該函數會返回一個對象字面量,函數裡定義了一個value變數,該變數對add和getValue方法總是可用的,但函數的範圍使得它對其他的程式來說是不可見的。同時,我們還可以得出一個結論,內建函式擁有比它的外部函數更長的生命週期。

我們再繼續看一個建構函式調用的例子。

複製代碼 代碼如下:

var MyObj = function(str){
    this.status = str;
};

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

var obj = new MyObj("javascript");
obj.getStatus(); // "javascript"


這樣寫並沒有錯,但是會有一點“多此一舉”,為什麼要用一個getStatus方法去訪問一個本可以直接存取到的屬性呢?如果status是私人屬性,那當然才有意義。
複製代碼 代碼如下:

var obj = function(status){
    return {
        getStatus: function(){
            return status;
        }
    };
};

var myObj = obj("javascript");
myObj.getStatus(); // "javascript"


這裡當我們調用obj的時候,它返回包含getStatus方法的一個新對象,該對象的一個引用儲存在myObj中,即使obj已經返回了,但getStatus方法仍然享有訪問obj對象的status屬性的特權。getStatus方法並不是訪問該參數的一個副本,它訪問的就是該參數本身。這是可能的,因為該函數可以訪問它被建立時所處的上下文環境,這被稱為閉包。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.