深入理解javascript原型和閉包(9)——簡述【執行上下文】下


繼續上一篇文章(http://www.cnblogs.com/wangfupeng1988/p/3986420.html)的內容。

上一篇我們講到在全局環境下的代碼段中,執行上下文環境中有如何數據:

  • 變量、函數表達式——變量聲明,默認賦值為undefined;
  • this——賦值;
  • 函數聲明——賦值;

 

如果在函數中,除了以上數據之外,還會有其他數據。先看以下代碼:

以上代碼展示了在函數體的語句執行之前,arguments變量和函數的參數都已經被賦值。從這里可以看出,函數每被調用一次,都會產生一個新的執行上下文環境。因為不同的調用可能就會有不同的參數。

 

另外一點不同在於,函數在定義的時候(不是調用的時候),就已經確定了函數體內部自由變量的作用域。至於“自由變量”和“作用域”是后面要專門拿出來講述的重點,這里就先點到為止。用一個例子說明一下:

 

好了,總結完了函數的附加內容,我們就此要全面總結一下上下文環境的數據內容。

全局代碼的上下文環境數據內容為:

普通變量(包括函數表達式),

如: var a = 10;

聲明(默認賦值為undefined)

函數聲明,

如: function fn() { }

賦值

this

賦值

如果代碼段是函數體,那么在此基礎上需要附加:

參數

賦值

arguments

賦值

自由變量的取值作用域

賦值

給執行上下文環境下一個通俗的定義——在執行代碼之前,把將要用到的所有的變量都事先拿出來,有的直接賦值了,有的先用undefined占個空

 

了解了執行上下文環境中的數據信息,你就不用再去死記硬背那些可惡的面試題了。理解了就不用背誦!

 

講完了上下文環境,又來了新的問題——在執行js代碼時,會有數不清的函數調用次數,會產生許多個上下文環境。這么多上下文環境該如何管理,以及如何銷毀而釋放內存呢?下一節將通過“執行上下文棧”來解釋這個問題。

 

不過別着急,在解釋“執行上下文棧”之前,還需要把this說一下,this還是挺重要的。

說完this,接着說執行上下文棧。

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

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

另外,歡迎關注我的微博

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


免責聲明!

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



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