自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

Javascript中閉包的作用域鏈

開發(fā) 前端
本文先闡述了閉包和作用域鏈的關系,然后分析了產(chǎn)生這些個問題的原因,一起來看。

作用域定義了在當前上下文中能夠被訪問到的成員,在Javascript中分為全局作用域和函數(shù)作用域,通過函數(shù)嵌套可以實現(xiàn)嵌套作用域。

閉包一般發(fā)生在嵌套作用域中。閉包是JavaScript最強大的特性之一,很多高級應用都要依靠閉包實現(xiàn)。如OO的私有成員和模塊化等。然而閉包雖然強大,但一般比較占用內存另外如果使用不當還會引起內存泄露,對閉包有了解的jser一般都知道閉包的這些個問題,本文先闡述了閉包和作用域鏈的關系,然后分析了產(chǎn)生這些個問題的原因。下面是一段閉包的示例代碼:

 

  1. var name = "windows's name";  
  2. var object = {  
  3. name : "object's name",  
  4. getNameFunc:function(){  
  5. var that = this;  
  6. return function(){  
  7. return that.name;  
  8. }  
  9. }  
  10. };  
  11. console.log(object.getNameFunc()()); 

 

當javascript代碼執(zhí)行時會創(chuàng)建一個執(zhí)行上下文對象,執(zhí)行上下文對象包含一個作用域鏈,作用域鏈有一個或多個變量對象組成,作用域鏈中保存的是對變量對象的引用。變量對象定義了在當前作用域中聲明的變量和函數(shù)。

在代碼的執(zhí)行過程中JAVASCRIPT引擎會按照自上而下的順序檢索作用鏈中的變量對象的成員來解析需要被訪問(讀或寫)的變量或函數(shù),在檢索過程中如果在作用域鏈的某個變量對中象查找到與之匹配的標識符就會終止檢索。

通過這種方式當在代碼中如果有同名的變量就可以區(qū)分出來我們要操作那個變量。當代碼載入完成后 Javascript引擎會創(chuàng)建一個全局的執(zhí)行上下文,全局執(zhí)行上下文的作用域鏈只包含一個全局變量對象。Javascript的函數(shù)對象擁有一個私有的socpe屬性,當函數(shù)被創(chuàng)建時會使用當前的作用域鏈初始化函數(shù)scope屬性。

當函數(shù)被執(zhí)行時會創(chuàng)建函數(shù)的執(zhí)行上下文對象和當前作用域的變量對象,創(chuàng)建函數(shù)的執(zhí)行上下文對象時先使用函數(shù)的scope屬性給執(zhí)行上下文對象的作用域鏈賦值,再把創(chuàng)建的變量對象放入作用域鏈的頂端來初始化執(zhí)行上下文的作用域鏈。位于作用域鏈頂端的變量對象也稱為活動對象。默認情況下當函數(shù)返回時會銷毀它的活動對象和作用域鏈,這也是為什么我們函數(shù)的外部不能夠訪問到在函數(shù)內部定義的成員。

然而在發(fā)生閉包的情況下,當內部函數(shù)被創(chuàng)建時,內部函數(shù)的scope屬性指向包含它的外部函數(shù)的作用域鏈。這時內部函數(shù)引用了外部函數(shù)的活動對象,當外部函數(shù)返回時,它的活動對象沒有被釋放,直到引用它的內部函數(shù)被銷毀時才會釋放外層函數(shù)的活動對象。所以它所包含的內部函數(shù)仍然可以訪問在外部函數(shù)中定義的成員,另外這也是閉包比較占用內存的原因。

內存泄露問題是由于部分瀏覽器使用引用計數(shù)來作為垃圾回收機制,當在我們的代碼中發(fā)生了循環(huán)引用時,就會造成資源不能被回收從而引起內存泄露。發(fā)生內存泄露有時是因為在我們的代碼中發(fā)生了明顯的循環(huán)引用,有時則不那么明顯。對于前者一般通過仔細檢查代碼就能發(fā)現(xiàn)問題所在,對于后者就需要我們對閉包有足夠的了解才能發(fā)現(xiàn)。如下面代碼:

  1. view sourceprint?function outerFunc(){  
  2. var obj = document.getElementById("element");  
  3. obj.onclick=function innerFunc(){  
  4. alert("Hi! I will leak");  
  5. };  
  6. obj.bigString=new Array(1000).join(new Array(3000).join("XXXXX"));  
  7. // This is used to make the leak significant  
  8. }; 

在上面這段代碼中,外部函數(shù)outerFunc中的局部變量obj引用文檔中ID為element的Dom元素,obj.onclick指向內部函數(shù)innerFunc的引用,內部函數(shù)innerFunc的scope屬性指向的作用鏈中包含外部函數(shù)outerFunc的活動對象的引用,活動對象的obj成員再次指向文檔中ID為element的Dom元素從而構成了循環(huán)引用。

【編輯推薦】

  1. 為你的網(wǎng)站添加上JavaScript禁用提示頁面吧
  2. 讓瀏覽器非阻塞加載javascript的幾種方式
  3. JavaScript實現(xiàn)二級聯(lián)動下拉框
  4. Javascript解決瀏覽器兼容性問題
責任編輯:于鐵 來源: web編程之路
相關推薦

2017-09-14 13:55:57

JavaScript

2021-12-06 07:15:48

Javascript作用域閉包

2015-08-18 13:42:42

js作用域鏈變量

2020-12-16 11:09:27

JavaScript語言開發(fā)

2020-02-12 16:58:15

JavaScript前端技術

2011-09-06 09:56:24

JavaScript

2019-03-13 08:00:00

JavaScript作用域前端

2012-11-29 10:09:23

Javascript閉包

2015-11-26 13:11:24

javascript原型鏈作用域

2021-02-21 16:21:19

JavaScript閉包前端

2016-09-14 09:20:05

JavaScript閉包Web

2009-07-24 17:30:37

Javascript閉

2021-06-02 07:02:42

js作用域函數(shù)

2011-05-25 14:48:33

Javascript閉包

2020-10-14 15:15:28

JavaScript(

2021-03-09 08:35:51

JSS作用域前端

2023-10-26 07:47:35

JavaScript代碼變量

2021-03-09 08:50:58

JavaScript前端作用域

2010-06-23 10:24:42

Javascript閉

2016-09-18 20:53:16

JavaScript閉包前端
點贊
收藏

51CTO技術棧公眾號