深入理解javascript原型和閉包(11)——執行上下文棧


繼續上文的內容。

執行全局代碼時,會產生一個執行上下文環境,每次調用函數都又會產生執行上下文環境。當函數調用完成時,這個上下文環境以及其中的數據都會被消除,再重新回到全局上下文環境。處於活動狀態的執行上下文環境只有一個

其實這是一個壓棧出棧的過程——執行上下文棧。如下圖:

 

可根據以下代碼來詳細介紹上下文棧的壓棧、出棧過程。

如上代碼。

在執行代碼之前,首先將創建全局上下文環境。

然后是代碼執行。代碼執行到第12行之前,上下文環境中的變量都在執行過程中被賦值。

執行到第13行,調用bar函數。

跳轉到bar函數內部,執行函數體語句之前,會創建一個新的執行上下文環境。

並將這個執行上下文環境壓棧,設置為活動狀態。

執行到第5行,又調用了fn函數。進入fn函數,在執行函數體語句之前,會創建fn函數的執行上下文環境,並壓棧,設置為活動狀態。

 

待第5行執行完畢,即fn函數執行完畢后,此次調用fn所生成的上下文環境出棧,並且被銷毀(已經用完了,就要及時銷毀,釋放內存)。

同理,待第13行執行完畢,即bar函數執行完畢后,調用bar函數所生成的上下文環境出棧,並且被銷毀(已經用完了,就要及時銷毀,釋放內存)。

 

好了,我很耐心的給大家介紹了一段簡短代碼的執行上下文環境的變化過程,一個完整的閉環。其中上下文環境的變量賦值過程我省略了許多,因為那些並不難,一看就知道。

 

講到這里,我不得不很遺憾的跟大家說:其實以上我們所演示的是一種比較理想的情況。有一種情況,而且是很常用的一種情況,無法做到這樣干凈利落的說銷毀就銷毀。這種情況就是偉大的——閉包。

要說閉包,咱們還得先從自由變量和作用域說起。

---------------------------------------------------------------------------

本文已更新到《深入理解javascript原型和閉包系列》的目錄,更多內容可參見《深入理解javascript原型和閉包系列》。

另外,歡迎關注我的微博

學習作者教程:《前端JS高級面試》《前端JS基礎面試題》《React.js模擬大眾點評webapp》《zepto設計與源碼分析》《json2.js源碼解讀


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM