JS閉包的幾種常見形式實例詳解

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

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

作用域鏈：

//作用域鏈
  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閉包的幾種常見形式，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！

您可能感興趣的文章:

js中數(shù)組結(jié)合字符串實現(xiàn)查找(屏蔽廣告判斷url等)
這篇文章主要介紹了js中數(shù)組結(jié)合字符串實現(xiàn)查找(屏蔽廣告判斷url等),需要的朋友可以參考下
2016-03-03
Bootstrap3使用typeahead插件實現(xiàn)自動補全功能
這篇文章主要介紹了Bootstrap3使用typeahead插件實現(xiàn)自動補全功能的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-07-07
根據(jù)判斷瀏覽器類型屏幕分辨率自動調(diào)用不同CSS的代碼
根據(jù)判斷瀏覽器類型屏幕分辨率自動調(diào)用不同CSS的代碼...
2007-02-02
javascript基于原型鏈的繼承及call和apply函數(shù)用法分析
這篇文章主要介紹了javascript基于原型鏈的繼承及call和apply函數(shù)用法,結(jié)合實例形式較為詳細的分析了javascript中繼承的概念、創(chuàng)建方法以及call和apply函數(shù)的功能與使用技巧,需要的朋友可以參考下
2016-12-12
20行JS代碼實現(xiàn)粘貼板復制功能
本文給大家分析20行JS代碼實現(xiàn)粘貼板功能,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2018-02-02
JavaScript 用cloneNode方法克隆節(jié)點的代碼
很多時候我們需要通過HTML DOM 的方式，用JavaScript 動態(tài)生成很多相同的節(jié)點，包括其子節(jié)點
2012-10-10
js自定義彈框插件的封裝
這篇文章主要為大家詳細介紹了js自定義彈框插件的簡單封裝，自己封裝一個彈框插件，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07
使用JavaScript計算前一天和后一天的思路詳解
這篇文章主要介紹了使用JavaScript計算前一天和后一天的思路，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-12-12
javascript數(shù)組去重小結(jié)
本文給大家匯總介紹了javascript中數(shù)組去重的4種方法,分別是循環(huán)匹配去重,JSON去重/對象去重/字典去重,隊列遞歸去重,INDEXOF去重方式，非常的細致全面，有需要的小伙伴可以參考下。
2016-03-03
JavaScript中EventBus實現(xiàn)對象之間通信
這篇文章主要介紹了JavaScript中EventBus實現(xiàn)對象之間通信，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-10-10