深入理解javascript原型和閉包(18)——補充:上下文環境和作用域的關系


本系列用了大量的篇幅講解了上下文環境和作用域,有些人反映這兩個是一回兒事。本文就用一個小例子來說明一下,作用域和上下文環境絕對不是一回事兒。

 

再說明之前,咱們先用簡單的語言來概括一下這兩個的區別。

00 上下文環境:

可以理解為一個看不見摸不着的對象(有若干個屬性),雖然看不見摸不着,但確實實實在在存在的,因為所有的變量都在里面存儲着,要不然咱們定義的變量在哪里存?

另外,對於函數來說,上下文環境是在調用時創建的,這個很好理解。拿參數做例子,你不調用函數,我哪兒知道你要給我傳什么參數?

01 作用域:

首先,它很抽象。第二,記住一句話:除了全局作用域,只有函數才能創建作用域。創建一個函數就創建了一個作用域,無論你調用不調用,函數只要創建了,它就有獨立的作用域,就有自己的一個“地盤”。

02 兩者:

一個作用域下可能包含若干個上下文環境。有可能從來沒有過上下文環境(函數從來就沒有被調用過);有可能有過,現在函數被調用完畢后,上下文環境被銷毀了;有可能同時存在一個或多個(閉包)。

 

上面的文字不理解沒關系,且看下面的例子。

第一,除了全局作用域外,每個函數都要創建一個作用域。作用域之間的變量是相互獨立的。因此,全局作用域中的x和fn作用域中的x,兩者毫無關系,互不影響,和平相處。

 

第二,程序執行之前,會生成全局上下文環境,並在程序執行時,對其中的變量賦值。

 

第三,程序執行到第17行,調用fn(5),會產生fn(5)的上下文環境,並壓棧,並設置為活動狀態。

 

第四,執行完第17行,fn(5)的返回值賦值給了f1。此時執行上下文環境又重新回到全局,但是fn(5)的上下文環境不能就此銷毀,因為其中有閉包的引用(可翻看前面文章,此處不再贅述)。

 

第五,繼續執行第18行,再次調用fn函數——fn(10)。產生fn(5)的上下文環境,並壓棧,並設置為活動狀態。但是此時fn(5)的上下文環境還在內存中——一個作用域下同時存在兩個上下文環境。

講到這里,重點已經講出來了,之后的場景這里就不再贅述了。

目的還是希望大家能通過這個例子,來理清楚上下文環境和作用域的關系。當然,也不是非得像個學院派似的一字一文的把概念說出來,簡單理解一下,對用閉包是有幫助的。

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

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

另外,歡迎關注我的微博

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


免責聲明!

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



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