DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 讓你一句話理解閉包(簡單易懂)
讓你一句話理解閉包(簡單易懂)
編輯:關於JavaScript     

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

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

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

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

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

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

function a(){ 
 
   var i=0; 
 
  function b(){ 
 
     alert(++i); 
 
    } 
 
   return b; 
 
 } 
 
 var c = a(); 
 
 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閉包概念簡單解析,是不是權威暫且不提,總算有一個明確的概念:

說了這麼多,閉包到底是什麼,下面做一下總結:

閉包是一個概念,它描述了函數執行完畢內存釋放後,依然內存駐留的一個現象,只要把握這個核心概念,閉包就不難理解了。

以上這篇讓你一句話理解閉包(簡單易懂)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved