快捷導(dǎo)航

JS閉包的幾種常見形式實(shí)例詳解

更新時(shí)間：2017年09月16日 10:08:09 作者：喵嘻嘻

本文通過實(shí)例代碼給大家詳細(xì)介紹了js閉包的幾種常見形式，代碼簡單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下

作用域鏈：

//作用域鏈
  var a = 1;
  function test() {
    var b =2;
    return a;
  }
  alert(test());//彈出1；
  alert(b);//不能獲取b
//scope chain
  var a = 1;
  function test() {
    var b = 2;
    function test1() {
      var c = 3;
      alert(a);
      alert(b);
      alert(c);
    }
    test1();
  }
  test();//彈出1，彈出2，彈出3；

詞法作用域：

//詞法作用域；
  function f1() {
    var a = 12;
    return f2();
  }
  function f2() {
    return a;
  }
  alert(f1());//并不能獲取a，a在f2()中并未定義；
function f1() {
    var a = 1;
    return f2();
  }
  function f2() {
    var b = 3;
    alert(b);
    return a;
  }
  alert(f1());//彈出3，a在f2()中未定義

function f1() {
    var a = 1;
    return f2();
  }
  function f2() {
    var b = 3;
    alert(b);
    return a;
  }
  alert(f1());//彈出3，a在f2()中未定義,undefined
  var a=55;
  alert(f1());//彈出3，彈出55

如何通過閉包突破全局作用域鏈——幾種常見形式

//通過閉包突破全局作用域鏈
  function f() {
    var a = "sun";
    return function () {
      return a;
    }
  }
  var test = f();
  alert(test());//彈出sun
var n;
function f() {
  var a = "sun";
  n = function () {
    return a;
  }
}
f();
alert(n());//彈出sun
  function f(param) {
    var n =function () {
      return param;
    };
    param++;
    return n;
  }
  var test = f(45);
  alert(test());//彈出46；

總結(jié)

以上所述是小編給大家介紹的JS閉包的幾種常見形式，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！

您可能感興趣的文章:

相關(guān)文章

JS中Iframe之間傳值及子頁面與父頁面應(yīng)用
用iframe做系統(tǒng)框架，相信很多朋友都有這樣的經(jīng)歷吧，接下來將為你詳細(xì)介紹下JS中Iframe之間傳值應(yīng)用，感興趣的你可以參考下哈，希望可以幫助到你
2013-03-03
javascript 鍵盤事件總結(jié) 推薦
在進(jìn)入正題前，我們看一下瀏覽器對于鍵盤的一些默認(rèn)事件，這有助于我們用javascript截獲鍵盤事件。
2009-12-12
兼容ie和firefox js關(guān)閉代碼
最近做項(xiàng)目的時(shí)候碰到一個(gè)問題：在js里面使用window.close()，IE下工作正常，但是FireFox下有時(shí)可以，有時(shí)不行。
2008-12-12
js console.log打印對像與數(shù)組用法詳解
這篇文章主要介紹了js console.log打印對像與數(shù)組用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了js使用console.log實(shí)現(xiàn)打印對象與數(shù)組的具體實(shí)現(xiàn)步驟與相關(guān)技巧,需要的朋友可以參考下
2016-01-01
uniapp開發(fā)小程序?qū)崿F(xiàn)全局懸浮按鈕的代碼
這篇文章主要介紹了uniapp開發(fā)小程序如何實(shí)現(xiàn)全局懸浮按鈕,但是在uniapp中式?jīng)]有window對象，和dom元素的，需要獲取頁面上節(jié)點(diǎn)的幾何信息，具體實(shí)例代碼詳細(xì)跟隨小編一起看看吧
2022-03-03
理解javascript正則表達(dá)式
這篇文章主要為大家詳細(xì)介紹了javascript正則表達(dá)式，由淺入深的幫助大家學(xué)習(xí)正則表達(dá)式，感興趣的小伙伴們可以參考一下
2016-03-03
動(dòng)態(tài)生成的IFRAME，設(shè)置SRC時(shí)的，不同位置帶來的影響
動(dòng)態(tài)生成的IFRAME，設(shè)置SRC時(shí)的，不同位置帶來的影響。以下所說的是在IE7下運(yùn)行的。IE6下也是同樣。在這個(gè)blog中，直接點(diǎn)擊運(yùn)行代碼，和把下面代碼保存到為網(wǎng)頁在運(yùn)行（以本地文件或域名訪問），效果不一樣。
2008-03-03
javascript實(shí)現(xiàn)的時(shí)間格式加8小時(shí)功能示例
這篇文章主要介紹了javascript實(shí)現(xiàn)的時(shí)間格式加8小時(shí)功能,涉及javascript日期時(shí)間轉(zhuǎn)換與運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下
2019-06-06
簡單介紹JavaScript數(shù)據(jù)類型之隱式類型轉(zhuǎn)換
這篇文章主要介紹了簡單介紹JavaScript數(shù)據(jù)類型之隱式類型轉(zhuǎn)換的相關(guān)資料,需要的朋友可以參考下
2015-12-12
Javascript別踩白塊兒（鋼琴塊兒）小游戲?qū)崿F(xiàn)代碼
游戲唯一的一個(gè)規(guī)則，我們只需要不斷踩著黑色方塊前進(jìn)即可，這里根據(jù)方向鍵來踩白塊，在規(guī)定的時(shí)間內(nèi)，每走一次分?jǐn)?shù)加100.下面通過本文給大家分享Javascript別踩白塊兒（鋼琴塊兒）小游戲?qū)崿F(xiàn)代碼，一起看看吧
2017-07-07