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

