午夜国产狂喷潮在线观看|国产AⅤ精品一区二区久久|中文字幕AV中文字幕|国产看片高清在线

    javascript 閉包詳解
    來源:易賢網(wǎng) 閱讀:652 次 日期:2015-02-27 13:29:56
    溫馨提示:易賢網(wǎng)小編為您整理了“javascript 閉包詳解”,方便廣大網(wǎng)友查閱!

    這篇文章主要詳細介紹了javascript 閉包的相關(guān)資料,十分詳盡,需要的朋友可以參考下

    javascript 閉包是一個很有趣的東東。看了些相關(guān)資料,對其印象最深刻的是:實現(xiàn)了public 和private。

    創(chuàng)建一個非匿名閉包最簡單的語法是:

    代碼如下:

    var obj = (function(){//各種代碼 });

    閉包最經(jīng)典的例子:

    代碼如下:

    var makeCounter = (function () {

    var i = 1;

    this.test=function(){

    console.log(i);

    i++;

    }

    return this;

    });

    var obj = makeCounter();

    obj.test(); // 1

    obj.test(); // 2

    var obj1 = makeCounter();

    obj1.test(); // 1

    obj1.test(); // 2

    private 與 public :

    代碼如下:

    var makeCounter= (function () {

    var i = 1;

    //這貨是private的

    function log(){

    console.log(i);

    i++;

    }

    //這貨是public的

    this.test(){

    log();

    }

    return this;

    });

    var obj = makeCounter();

    obj.test(); // 1

    obj.test(); // 2

    obj.log(); //undefined

    自執(zhí)行函數(shù):

      第一次看到這樣的代碼時的感覺是:好高級;

    代碼如下:

    var obj = (function(window){

    //各種代碼

    }(window));

      然后google了下,發(fā)現(xiàn)他們經(jīng)常都會這樣寫:

    代碼如下:

    var obj= (function () {

    var i = 1;

    this.test=function(){

    console.log(i);

    i++;

    }

    return this;

    }());

    obj.test(); // 1

    obj.test(); // 2

    最簡單的理解,程序員偷懶把兩步寫成了一步。

    代碼如下:

    //這是一個函數(shù)。它應(yīng)該這樣用obj()

    var makeCounter = function () {

    //各種代碼

    }

    //這是一個對象。它類似于 var obj = makeCounter();

    var obj = (function () {

    //各種代碼

    }());

      它也可以有參數(shù):

    代碼如下:

    var output = "new test";

    var obj = (function (msg) {

    this.test = function(){

    console.log(msg);

    }

    return this;

    }(output));

    obj.test();

      它還可以更復(fù)雜更高級點:

    代碼如下:

    var output = "new test";

    var obj = (function (obj, msg) {

    //這貨也是私有的。類似obj.i(!=obj.i),卻又不是obj.i(因為外部不可訪問)。

    var i = 1;

    //private

    function log() {

    console.log(i + " : " + msg);

    i++;

    }

    //public

    obj.test = function () {

    log();

    }

    return obj;

    }(obj, output));

    obj.test(); // 1 : new test

    obj.i = 100;

    //i沒被改變

    obj.test(); // 2 : new test

    初次見面,留下了很深刻的印象。閉包的使用,實現(xiàn)了狀態(tài),屬性的保持;避免了全局變量滿屏飛舞;結(jié)束了變量老是被重定義,重賦值的尷尬局面。它還可以將一個對象分部到多個js文件。實在是太好了。

    上面所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。

    更多信息請查看IT技術(shù)專欄

    更多信息請查看腳本欄目
    下一篇:JavaScript簡介
    易賢網(wǎng)手機網(wǎng)站地址:javascript 閉包詳解

    2025國考·省考課程試聽報名

    • 報班類型
    • 姓名
    • 手機號
    • 驗證碼
    關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
    工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
    聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
    咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)