javascript---閉包

stormgens 發布于2019-08-26 11:37 / 935人閱讀

摘要：要理解閉包，首先必須理解特殊的變量作用域。使用閉包有一個優點，也是它的缺點就是可以把局部變量駐留在內存中，可以避免使用全局變量。

js閉包

閉包是指有權訪問另一個函數作用域中的變量的函數，創建閉包的常見的方式，就是在一個函數內部創建另一個函數，通過另一個函數訪問這個函數的局部變量。

要理解閉包，首先必須理解Javascript特殊的變量作用域。變量的作用域無非就是兩種：全局變量和局部變量。Javascript語言的特殊之處，就在于函數內部可以直接讀取全局變量。

出于種種原因，我們有時候需要得到函數內的局部變量。但是，前面已經說過了，正常情況下，這是辦不到的，只有通過變通方法才能實現, 這種方法就是閉包。

    function box() {
    var user = "Lee";
    return function () { //通過匿名函數返回 box()局部變量
    return user;
    };
    }
    alert(box()()); //通過box()()來直接調用匿名函數返回值
    var b = box();
    alert(b());

閉包是指有權訪問另一個函數作用域中的變量的函數，創建閉包的常見的方式，就是在一個函數內部創建另一個函數，通過另一個函數訪問這個函數的局部變量。。

使用閉包有一個優點，也是它的缺點：就是可以把局部變量駐留在內存中，可以避免使用全局變量。(全局變量污染導致應用程序不可預測性，每個模塊都可調用必將引來災難，所以推薦使用私有的，封裝的局部變量)

js閉包---var vs let

有一個比較有意思的事情就是 ES6推出的let congst之后引發的一場血案, ^_^這場血案需要格外注意

下面來看兩段代碼, 其中唯一的區別就是 for 循環中 i 變量的關鍵字前者為 var 后者為 let, 兩者都是用了閉包的概念

    function box() {
      var arr = [];
      for (let i = 0; i < 5; i++) {
        arr[i] = function () {
        return i;
        };
      }
      return arr;
    }
    let b = box(); //得到函數數組
    for (let i = 0; i < b.length; i++) {
      console.log(b[i]()); //輸出每個函數的值，都是最后一個值
    }
    //運行結果
    // 0
    // 1
    // 2
    // 3
    // 4

    function box() {
      let arr = [];
      for (let i = 0; i < 5; i++) {
        arr[i] = function () {
        return i;
        };
      }
      return arr;
    }
    let b = box(); //得到函數數組
    for (let i = 0; i < b.length; i++) {
      console.log(b[i]()); //輸出每個函數的值，都是最后一個值
    }
    //運行結果
    // 0
    // 1
    // 2
    // 3
    // 4

這里設計了作用域的問題, 更涉及了 var 和 let 在 for 循環中條件表達式中的與其他高級語言的不同, 除了 var 不存在塊級作用域 let 存在代碼塊作用域這一說不加詳細介紹,最關鍵的是如果條件語句中用 let 則在每次循環的初期都會生成一個變量-(這與 c 語言, java 不同) ,而 var 只會在訪問初期調用一次生成一個變量, 這個是js最新出現的閉包相關的易錯點.

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/107239.html

Javascript閉包入門(譯文)

摘要：也許最好的理解是閉包總是在進入某個函數的時候被創建，而局部變量是被加入到這個閉包中。在函數內部的函數的內部聲明函數是可以的可以獲得不止一個層級的閉包。前言總括：這篇文章使用有效的javascript代碼向程序員們解釋了閉包，大牛和功能型程序員請自行忽略。譯者：文章寫在2006年，可直到翻譯的21小時之前作者還在完善這篇文章，在Stackoverflow的How do Java...

Fourierr 2019-08-20 13:56 評論0 收藏0
理解Javascript的閉包

摘要：但是閉包也不是什么復雜到不可理解的東西，簡而言之，閉包就是閉包就是函數的局部變量集合，只是這些局部變量在函數返回后會繼續存在。可惜的是，并沒有提供相關的成員和方法來訪問閉包中的局部變量。 (收藏自技術狂) 前言：還是一篇入門文章。Javascript中有幾個非常重要的語言特性——對象、原型繼承、閉包。其中閉包對于那些使用傳統靜態語言C/C++的程序員來說是一個新的語言特性。本文將...

dayday_up 2019-08-21 12:37 評論0 收藏0
JavaScript閉包，只學這篇就夠了

摘要：當在中調用匿名函數時，它們用的都是同一個閉包，而且在這個閉包中使用了和的當前值的值為因為循環已經結束，的值為。最好將閉包當作是一個函數的入口創建的，而局部變量是被添加進這個閉包的。閉包不是魔法這篇文章使用一些簡單的代碼例子來解釋JavaScript閉包的概念，即使新手也可以輕松參透閉包的含義。其實只要理解了核心概念，閉包并不是那么的難于理解。但是，網上充斥了太多學術性的文章，對于...

CoderBear 2019-08-21 11:56 評論0 收藏0
JavaScript深入之閉包

摘要：深入系列第八篇，介紹理論上的閉包和實踐上的閉包，以及從作用域鏈的角度解析經典的閉包題。定義對閉包的定義為閉包是指那些能夠訪問自由變量的函數。 JavaScript深入系列第八篇，介紹理論上的閉包和實踐上的閉包，以及從作用域鏈的角度解析經典的閉包題。定義 MDN 對閉包的定義為：閉包是指那些能夠訪問自由變量的函數。那什么是自由變量呢？自由變量是指在函數中使用的，但既不是函數參數也...

caige 2019-08-20 16:07 評論0 收藏0
還擔心面試官問閉包？

摘要：一言以蔽之，閉包，你就得掌握。當函數記住并訪問所在的詞法作用域，閉包就產生了。所以閉包才會得以實現。從技術上講，這就是閉包。執行后，他的內部作用域并不會消失，函數依然保持有作用域的閉包。網上總結閉包的文章已經爛大街了，不敢說筆者這篇文章多么多么xxx，只是個人理解總結。各位看官瞅瞅就好，大神還希望多多指正。此篇文章總結與《JavaScript忍者秘籍》《你不知道的JavaScri...

tinyq 2019-08-21 17:28 評論0 收藏0
[學習筆記] JavaScript 閉包

摘要：但是，必須強調，閉包是一個運行期概念。通過原型鏈可以實現繼承，而與閉包相關的就是作用域鏈。常理來說，一個函數執行完畢，其執行環境的作用域鏈會被銷毀。所以此時，的作用域鏈雖然銷毀了，但是其活動對象仍在內存中。學習Javascript閉包（Closure）javascript的閉包JavaScript 閉包深入理解(closure)理解 Javascript 的閉包JavaScript ...

sunsmell 2019-08-21 10:33 評論0 收藏0