欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript閉包實例講解

 更新時間:2014年04月22日 11:25:36   作者:  
眾所周知,JavaScript沒有塊級作用域,只有函數(shù)作用域。那就意味著定義在函數(shù)中的參數(shù)和變量在函數(shù)外部是不可見的,而在一個函數(shù)內部任何位置定義的變量,在該函數(shù)內部任何地方都可見

這帶來的好處是內部函數(shù)可以訪問定義它們的外部函數(shù)的參數(shù)和變量。

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

復制代碼 代碼如下:

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


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

我們再繼續(xù)看一個構造函數(shù)調用的例子。

復制代碼 代碼如下:

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方法并不是訪問該參數(shù)的一個副本,它訪問的就是該參數(shù)本身。這是可能的,因為該函數(shù)可以訪問它被創(chuàng)建時所處的上下文環(huán)境,這被稱為閉包。

相關文章

  • JavaScript顯示當然日期和時間即年月日星期和時間

    JavaScript顯示當然日期和時間即年月日星期和時間

    使用js顯示當然日期和時間在網頁中很是常見,方法有很多,不過多說大同小異,下面有個不錯的示例,需要的朋友可以感受下
    2013-10-10
  • 5 種JavaScript編碼規(guī)范

    5 種JavaScript編碼規(guī)范

    編碼規(guī)范就是指導如何編寫和組織代碼的一系列標準,下面通過本文給大家?guī)砹? 種JavaScript編碼規(guī)范,需要的朋友參考下
    2018-01-01
  • 淺談JavaScript中的this指針和引用知識

    淺談JavaScript中的this指針和引用知識

    this是javascript的一個關鍵字,隨著函數(shù)使用場合不同,this的值會發(fā)生變化。但是總有一個原則,那就是this指的是調用函數(shù)的那個對象。接下來通過本文給大家介紹js中的this指針和引用,非常不錯,需要的朋友參考下
    2016-08-08
  • JS的函數(shù)調用棧stack size的計算方法

    JS的函數(shù)調用棧stack size的計算方法

    本篇文章給大家分享了關于JS的函數(shù)調用棧stack size的計算方法的相關知識點,有興趣的朋友參考學習下。
    2018-06-06
  • 使用ImageMagick進行圖片縮放、合成與裁剪(js+python)

    使用ImageMagick進行圖片縮放、合成與裁剪(js+python)

    由于需要在服務器端處理,使用就研究使用imagemagick來進行。同時準備封裝了一個Node.js和Python的方法,主要還是講一下然后使用imagemagick來對圖片進行縮放、合成后進行裁剪吧
    2013-09-09
  • shiro授權的實現(xiàn)原理

    shiro授權的實現(xiàn)原理

    這篇文章主要介紹了shiro授權的實現(xiàn)原理,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09
  • addEventListener()和removeEventListener()追加事件和刪除追加事件

    addEventListener()和removeEventListener()追加事件和刪除追加事件

    這篇文章主要給大家介紹了關于addEventListener()和removeEventListener()追加事件和刪除追加事件的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-12-12
  • 鴻蒙系統(tǒng)中的 JS 開發(fā)框架

    鴻蒙系統(tǒng)中的 JS 開發(fā)框架

    最近華為鴻蒙OS 2.0正式開源!關于鴻蒙的教程其實網上也已經有一些嘗鮮的小伙伴分享了相關文章,這篇文章主要為大家詳細介紹了鴻蒙系統(tǒng)中的 JS 開發(fā)框架,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-09-09
  • JavaScript去除空格的幾種方法

    JavaScript去除空格的幾種方法

    JavaScript去除空格的幾種方法...
    2006-10-10
  • javascript實現(xiàn)倒計時關閉廣告

    javascript實現(xiàn)倒計時關閉廣告

    這篇文章主要為大家詳細介紹了javascript實現(xiàn)倒計時關閉廣告,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-02-02

最新評論