淺談javascript中執(zhí)行環(huán)境(作用域)與作用域鏈
相信很多初學(xué)者對與javascript中的執(zhí)行環(huán)境與作用域鏈不能很好的理解,這里,我會按照自己的理解同大家一起分享。
一般情況下,我們把執(zhí)行環(huán)境分為全局執(zhí)行環(huán)境和局部執(zhí)行環(huán)境,其中局部執(zhí)行環(huán)境我們又可以稱之為函數(shù)執(zhí)行環(huán)境。那么究竟什么使執(zhí)行環(huán)境呢?通俗的說,執(zhí)行環(huán)境即為代碼執(zhí)行時所處的環(huán)境。我們下來看一看如下代碼,再進(jìn)一步分析之。
<script><br>var name="zhuzhenwei"; function changeName(){ if (name=="zhuzhenwei"){ name="heting"; }else{ name="zhuzhenwei"; } } changeName(); console.log(name); //heting<br></script>
如上述代碼,當(dāng)執(zhí)行第一個語句時,該語句所在的環(huán)境為全局執(zhí)行環(huán)境,應(yīng)當(dāng)注意的是:每個執(zhí)行環(huán)境都有一個與之相關(guān)聯(lián)的變量對象,對于全局執(zhí)行環(huán)境,與它向關(guān)聯(lián)的對象為window對象。緊接著,下面這條語句聲明了一個函數(shù)(注意:這里僅僅是聲明了函數(shù),沒有被調(diào)用之前是不會執(zhí)行內(nèi)部代碼的)。 同樣這個函數(shù)也是處于全局執(zhí)行環(huán)境的。最后,我們調(diào)用了changeName()函數(shù),一旦調(diào)用了該函數(shù),那么立即跳轉(zhuǎn)到了changeName()函數(shù)的執(zhí)行環(huán)境(即函數(shù)執(zhí)行環(huán)境),一旦進(jìn)入執(zhí)行環(huán)境,便開始創(chuàng)建函數(shù)內(nèi)部相應(yīng)的變量(如函數(shù)中假設(shè)出現(xiàn)var a=12;這樣的代碼),不調(diào)用函數(shù)是不會創(chuàng)建的,且與之相關(guān)的變量對象我們認(rèn)為是活動對象(活動對象開始只包含一個變量,即arguments對象),自此開始從上到下執(zhí)行語句。與此同時,代碼在函數(shù)環(huán)境中執(zhí)行時,就會創(chuàng)建變量對象的一個作用域鏈,這個作用域鏈包含changeName()的變量對象和全局變量對象。
作用域鏈實(shí)際上就是我們可以通過它從前端到末端可以訪問的范圍,即保證對執(zhí)行環(huán)境有權(quán)訪問的所有變量和函數(shù)的有序訪問,其中前端是指當(dāng)前執(zhí)行代碼所在的變量對象,這里現(xiàn)在就是changeName()函數(shù)的變量對象,末端是全局變量對象,比如說:我們在執(zhí)行函數(shù)時,需要尋找一個標(biāo)識符,這是就是通過作用域鏈的末端進(jìn)行尋找,若作用域鏈的末端找不到,就一直向上尋找,直到window對象。雖然在全局環(huán)境中我沒有提到作用域鏈,但實(shí)際上全局環(huán)境中作用域鏈也是存在的,只是只有一個全局變量對象。 很明顯:訪問局部變量比訪問全局變量更快,因為不用向上搜索作用域鏈。顯然,作用域鏈?zhǔn)请S著代碼所處的執(zhí)行環(huán)境的不同而動態(tài)變化的。
當(dāng)執(zhí)行完changeName()函數(shù)之后,即函數(shù)執(zhí)行環(huán)境中的代碼執(zhí)行完成之后,該環(huán)境中的局部變量和局部對象會被立即銷毀(如果變量沒有用var聲明,表明是全局變量,不會在局部環(huán)境的代碼執(zhí)行之后銷毀),隨即執(zhí)行環(huán)境由函數(shù)執(zhí)行環(huán)境轉(zhuǎn)向全局執(zhí)行環(huán)境,繼續(xù)執(zhí)行console.log(name);語句。只是,如果我們關(guān)閉網(wǎng)頁或瀏覽器,全局環(huán)境也將被銷毀。
總結(jié)如下:
- 執(zhí)行環(huán)境也成為作用域,執(zhí)行環(huán)境決定了變量的生命周期。
- 執(zhí)行環(huán)境有全局執(zhí)行環(huán)境和局部執(zhí)行環(huán)境之分,每進(jìn)入一個執(zhí)行環(huán)境就會創(chuàng)建一個用于搜索變量和函數(shù)的作用域鏈,于是我們認(rèn)為這個作用域鏈?zhǔn)莿討B(tài)變化的。
- 函數(shù)的局部環(huán)境不僅有權(quán)訪問函數(shù)作用域中的變量,而且有權(quán)訪問其包含環(huán)境(父環(huán)境),乃至全局環(huán)境;而全局環(huán)境只能訪問在全局環(huán)境中定義的變量和函數(shù)(局部環(huán)境中未使用var聲明的變量也屬于全局變量),不能訪問局部環(huán)境中的數(shù)據(jù)(沒有說所有數(shù)據(jù),正是因為全局變量可以訪問)。注意:函數(shù)中的參數(shù)時函數(shù)的局部變量。
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,同時也希望多多支持腳本之家!
相關(guān)文章
Bootstrap+jfinal退出系統(tǒng)彈出確認(rèn)框的實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了Bootstrap+jfinal退出系統(tǒng)彈出框的實(shí)現(xiàn)方法,感興趣的小伙伴們可以參考一下2016-05-05Javascript循環(huán)刪除數(shù)組中元素的幾種方法示例
這篇文章主要給大家介紹了關(guān)于Javascript循環(huán)刪除數(shù)組中元素的幾種方法,文中給出了詳細(xì)的示例代碼供大家參考學(xué)習(xí),對大家具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起看看吧。2017-05-05JavaScript將數(shù)組轉(zhuǎn)換為鏈表的方法
這篇文章主要介紹了JavaScript將數(shù)組轉(zhuǎn)換為鏈表的方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下2020-02-02js接收并轉(zhuǎn)化Java中的數(shù)組對象的方法
下面小編就為大家?guī)硪黄猨s接收并轉(zhuǎn)化Java中的數(shù)組對象的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-08JS實(shí)現(xiàn)黑色大氣的二級導(dǎo)航菜單效果
這篇文章主要介紹了JS實(shí)現(xiàn)黑色大氣的二級導(dǎo)航菜單效果,具有延遲響應(yīng)鼠標(biāo)事件顯示切換效果的功能,非常簡單實(shí)用,需要的朋友可以參考下2015-09-09