一句話理解閉包

来源:http://www.cnblogs.com/shouce/archive/2016/06/03/5555079.html
-Advertisement-
Play Games

接觸javascript很久了,每次理解閉包都似是而非,最近在找Web前端的工作,所以需要把基礎夯實一下。 本文是參照了joy_lee的博客 閉包 在她這篇博客的基礎上以批註的形式力爭把我的理解闡述出來,如果有不當之處,歡迎批評指正。 《高級程式設計》上,這樣說:當在函數內部定義了其他函數時候,就創 ...


接觸javascript很久了,每次理解閉包都似是而非,最近在找Web前端的工作,所以需要把基礎夯實一下。

本文是參照了joy_lee的博客 閉包 在她這篇博客的基礎上以批註的形式力爭把我的理解闡述出來,如果有不當之處,歡迎批評指正。

 

《高級程式設計》上,這樣說:當在函數內部定義了其他函數時候,就創建了閉包。閉包有權訪問包含函數內部的所有變數。

這句話怎麼理解呢?照這句話理解的話,閉包就是一個嵌套函數嘛!嵌套函數對包含它的函數的變數當然可以訪問,這是沒有問題的。

        一般來說,內部函數是能夠訪問到上一級乃至全局的的變數的,那麼就有人這樣理解:通過閉包,可以實現外部訪問函數局部內的變數。

(如果我們把作用域簡單的分個級的話,假設全局作用域作為第一級,其中定義的函數體內部作用域作為第二級,在第二級作用域內嵌套定義的函數體內部作用域作為第三級,....等等,傳統意義上,第一級不能訪問第二級的變數(這種變數叫做局部變數),第二級不能訪問第三級,...,而反過來是可以的,這就是作用域鏈。本級作用域內找不到再到上一級找,直至第一級全局。而閉包這種機制可以在第一級作用域中通過第三級作用域引用到第二級作用域中的變數,而方法就是在第二級作用域向第一級作用域返回擁有第三級作用域的函數引用。 這個引用才是關鍵,因為這個引用的存在,相關的第三作用域與第二作用域都成了這個引用運行的上下文,迫使垃圾回收機制GC不能回收這條鏈上所占用的資源。而如果沒有這個引用,則跟一般函數一樣,函數運行完資源就會被回收。而我的疑惑也在於此,閉包單指函數中的嵌套函數還是指被第一級引用了的嵌套函數?還是都是?還是說閉包並不是嵌套函數而是嵌套函數被第一級作用域引用時所形成的這種機制?)

複製代碼
 1 function a(){  
 2   
 3          var i=0;  
 4   
 5         function b(){  
 6   
 7                  alert(++i);  
 8   
 9           }  
10   
11          return b;  
12   
13  }  
14   
15  var c = a();  
16   
17  c(); 
複製代碼

即,閉包的作用就是在a執行完並返回後,閉包使得Javascript的垃圾回收機制GC不會收回a所占用的資源,因為a的內部函數b的執行需要依賴a中的變數。
由於閉包的存在使得函數a返回後,a中的i始終存在,這樣每次執行c(),i都是自加1後alert出i的值。
那麼,如果a不返回函數b,情況就完全不同了。因為a執行完後,b沒有被返回給a的外界,只是被a所引用,而此時a也只會被b引用,因此函數a和b互相引用但又不被外界打擾(被外界引用),函數a和b就會被GC回收。

實際上是就是閉包延長變數的生命周期。通常函數的作用域即變數會在函數執行結束後被銷毀,但當函數返回一個閉包,只要閉包不被釋放,整條作用域鏈都會占用記憶體。(閉包延長變數的生命周期,這是指被第一級引用的情況。但如果沒有這個引用,閉包還能稱其為閉包嗎?
        說道作用域鏈:即 函數自己的作用域、上一層的函數的作用域....和全局作用域。訪問一個變數時,自己的沒有,就一層層往上找,直至全局,若還沒有,就報錯。

很想吐槽一句,閉包的作用域鏈是彎的。

 

PS: 有網友推薦了另一篇博文javascript閉包概念簡單解析是不是權威暫且不提,總算有一個明確的概念:

說了這麼多,閉包到底是什麼,下麵做一下總結:
閉包是一個概念,它描述了函數執行完畢記憶體釋放後,依然記憶體駐留的一個現象,只要把握這個核心概念,閉包就不難理解了。

 


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

-Advertisement-
Play Games
更多相關文章
  • ...
  • 最近一直有人問,移動端的頁面怎麼寫啊?要註意什麼啊?和PC頁面有什麼區別?…… 就會有很多的疑問。其實要我回答這些問題可能也不知道怎麼回答小伙伴。我也沒有專門學習過移動端的製作,大部分都是工作後慢慢捉摸的。 今天給大家分享一些移動端 web 開發的小技巧吧! 一、移動端手機號碼的識別 在 iOS S ...
  • 什麼,你現在還在看knockoutjs?這貨都已經落後主流一千年了!趕緊去學Angular、React啊,再不趕緊的話,他們也要變out了哦。身旁的90後小伙伴,嘴裡還塞著山東的狗不理大蒜包,卻依然振振有詞地喋喋不休,一臉真誠。是啊,前端發展太快,那邊前幾年出的框架已是無人問津的半老徐娘,而這邊各種... ...
  • 為幫您更好的瞭解 Wijmo 產品,我們本次上線了 50個漢化的 Demo。 ...
  • 首先,很感謝各位園友對我的支持,關於bootstrap的學習總結,我會持續更新,如果有寫的不對的地方,麻煩各位給我指正出來哈。關於上篇文章,固定佈局和流式佈局很關鍵,如果還不太清楚的可以再看看我寫的http://www.cnblogs.com/jtjds/p/5547261.html 這次我們來看看 ...
  • javascript輸出: javascript通過不同的方式來顯示數據: (1)windows.alert()彈出警告框; (2)document.write()將方法寫入HTML文檔中; (3)innerHTML寫入到HTML元素; ...
  • Google的 Chrome實驗室收集了很多讓人難以置信的基於 HTML5 Canvas 和 JavaScript 的實驗項目,裡面的例子都很獨特,讓人驚嘆。我從未想過結合 HTML 和 JavaScript 能實現這麼強大的效果。今天,本文與大家分享其中9個很棒的例子,為了有更好的效果,建議在Ch ...
  • <script type="text/javascript"> //jquery判斷瀏覽器信息 $(function(){ var bro=$.browser;//獲取瀏覽器用戶代理信息; var bro_msie=bro.msie;//判斷是否為ie瀏覽器,假如為ie瀏覽器就返回:true,否則返 ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...