JavaScript的閉包

来源:http://www.cnblogs.com/frontEnd-zmn/archive/2016/08/19/5786204.html
-Advertisement-
Play Games

1. 閉包的概念 據我們所知,局部變數在函數退出之後就不占據記憶體空間,但存在一種特殊的函數,能使局部變數在函數退出之後繼續占據記憶體,為外部函數所調用,這個特殊的函數就是 。那麼閉包是怎麼做到將局部函數一直占據記憶體的呢?看看下麵的例子。 function a(){ var Aitem=2;//定義局部 ...


1. 閉包的概念

據我們所知,局部變數在函數退出之後就不占據記憶體空間,但存在一種特殊的函數,能使局部變數在函數退出之後繼續占據記憶體,為外部函數所調用,這個特殊的函數就是閉包。那麼閉包是怎麼做到將局部函數一直占據記憶體的呢?看看下麵的例子。

function a(){
    var Aitem=2;//定義局部變數item
    function b() { //定義內部函數b()
        alert(Aitem);
    }
    b();
}
a();//結果是2

2. 閉包的機理

從上可以看出內部函數可以讀取外部函數的局部變數。此時的內部函數的作用域僅限於外部函數a(),只有通過調用外部函數a()才可以運行內部函數b()。當外部函數執行結束,內部函數的記憶體也將清除。但是如果我們將內部函數賦給一個全局變數,那麼內部函數將從局部變數轉化成全局變數。即使外部函數退出了,作為全局變數的內部函數也將保存在記憶體中。那麼如何讓內部函數成為全局變數呢?

function a(x){
    var Aitem=2;//定義局部變數item
    return function b(y) { //a函數結果返回一個b函數
        alert(x+y+(++Aitem));
    }
}
var closure=a(1);//將a(1)return的結果b()賦給全局變數,closure=b(y){ alert(1+y+(++Aitem))}
closure(1);//彈出5;closure(1)=b(y){ alert(1+1+(++2))}
closure(1);//彈出6;closure(1)=b(y){ alert(1+1+(++3))}

上例中的closure()函數即閉包。第一次closure(1)中Aitem=2,第二次closure(1)中Aitem=3,可以看出item這個局部變數在a()退出以後並沒有被清除,而是像一個全局變數一樣一直保存在記憶體中。這就是閉包的神奇所在。closure()閉包依賴於b(y),而b(y)又是a(x)的局部函數,故closure()閉包可以實時訪問a(x)的局部變數。如果沒有將內部函數裝化成全局變數的話,就形不成閉包,請看下麵的例子:

function a(x){
    var Aitem=2;//定義局部變數item
    function b(y) { //定義局部函數b
        alert(x+y+(++Aitem));
    }
     b(1);//在a()內部運行b(1);即alert(x+1+(++2))
}
a(1);//彈出5;即alert(1+1+(++2))

上例沒有將局部函數b()賦給全局變數,在a(1)運行以後b()就不復存在,Aitem也無從獲取。


3. 總結

閉包是可以讀取其他函數內部變數的函數,是外部函數和內部函數的一座橋梁。

閉包擁有兩個作用:

  • 使局部變數keep alive
  • 讀取其他函數的局部變數

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 定義 JavaScript定義正則表達式有兩種方法。 1.RegExp構造函數 它接收兩個參數:一個是要匹配的字元串模式,另一個是可選的標誌字元串。 2.字面量 正則表達式的匹配模式支持三種標誌字元串: g:global,全局搜索模式,該模式將被應用於所有字元串,而並非搜索到第一個匹配項就停止搜索; ...
  • 插件!插件!天天聽到有人求這個插件,那個插件的,當然,用第三方插件可以大幅提高開發效率,但作為新手,我還是喜歡自己來實現,主要是我有時間! 今天我來給大家分享下用原生JS實現圖片輪播的寫法 前輩們可以無視下麵這段廢話: 在開始之前,先說下我學前端到現在的一點感受。到今天應該有兩個月左右了吧,基本每天 ...
  • 為什麼需要這些?主要是因為this,來看看this乾的好事。 box.onclick = function(){ function fn(){ alert(this); } fn();}; 我們原本以為這裡面的this指向的是box,然而卻是Window。一般我們這樣解決: box.onclick ...
  • 近年來隨著操作系統的升級以及各種新技術的開發普及,拋棄低版本IE已經是大勢所趨,這對於前端人員來時是個好消息,可以不用花費太多的時間來做低版本的相容,很多站點採用給予低版本IE以提示的方式(恩,很友好很人道)給游客,一般是在header上給一個提示,腳本檢測如下: 這裡的重點是使用了jsBOM的na ...
  • 現在有一個需求如下圖: 產品經理說Card Number只能讓輸入數字(中間的空格是格式自加的,也是用js實現的),有時候我腦海中出現了個聲音,啥玩意,加個type=number不就行了,事實發現圖樣圖森破了,先不說type=number後面會有個上下標(雖然用css可幹掉),但是這個類型是支持科學 ...
  • 寫在前面 最近在工作中接觸到angular模塊化打包載入的一些內容,感覺中間踩了一些坑,在此標記一下. 項目背景: 項目主要用到angularJs作為前端框架,項目之前發佈的時候會把所有的前端腳本打包壓縮到一個文件中,在頁面初次訪問的時候載入,造成頁面初始載入緩慢,在此基礎上,提出按需載入,即只有當 ...
  • 在 葉小釵 的博客中看到一段關於遍歷的代碼 jQuery 中的each 不僅僅是用來遍歷jQuery對象,還可以用來作為合併介面。 其中就利用了$.each(fn)的特性,jQuery 源碼中 : 為obj 執行回調函數 callback。 裡面的巧妙之處在於: 在為obj執行回調函數的時候,回調函 ...
  • Javascript框架在處理seo方面存在問題,因為爬蟲在檢索seo信息的時候會讀不了js給其賦的值,導致搜索引擎收錄不了或者收錄了無效的信息,比如收錄的可能是title={{title}}這樣的,下麵先說如何在路由跳轉時修改頁面的seo信息,現在spa跳轉一般用route-ui了,就以這個為基礎 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...