淺談javascript中執(zhí)行環(huán)境(作用域)與作用域鏈
相信很多初學(xué)者對(duì)與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è)語(yǔ)句時(shí),該語(yǔ)句所在的環(huán)境為全局執(zhí)行環(huán)境,應(yīng)當(dāng)注意的是:每個(gè)執(zhí)行環(huán)境都有一個(gè)與之相關(guān)聯(lián)的變量對(duì)象,對(duì)于全局執(zhí)行環(huán)境,與它向關(guān)聯(lián)的對(duì)象為window對(duì)象。緊接著,下面這條語(yǔ)句聲明了一個(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)的變量對(duì)象我們認(rèn)為是活動(dòng)對(duì)象(活動(dòng)對(duì)象開始只包含一個(gè)變量,即arguments對(duì)象),自此開始從上到下執(zhí)行語(yǔ)句。與此同時(shí),代碼在函數(shù)環(huán)境中執(zhí)行時(shí),就會(huì)創(chuàng)建變量對(duì)象的一個(gè)作用域鏈,這個(gè)作用域鏈包含changeName()的變量對(duì)象和全局變量對(duì)象。
作用域鏈實(shí)際上就是我們可以通過它從前端到末端可以訪問的范圍,即保證對(duì)執(zhí)行環(huán)境有權(quán)訪問的所有變量和函數(shù)的有序訪問,其中前端是指當(dāng)前執(zhí)行代碼所在的變量對(duì)象,這里現(xiàn)在就是changeName()函數(shù)的變量對(duì)象,末端是全局變量對(duì)象,比如說:我們?cè)趫?zhí)行函數(shù)時(shí),需要尋找一個(gè)標(biāo)識(shí)符,這是就是通過作用域鏈的末端進(jìn)行尋找,若作用域鏈的末端找不到,就一直向上尋找,直到window對(duì)象。雖然在全局環(huán)境中我沒有提到作用域鏈,但實(shí)際上全局環(huán)境中作用域鏈也是存在的,只是只有一個(gè)全局變量對(duì)象。 很明顯:訪問局部變量比訪問全局變量更快,因?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)境中的局部變量和局部對(duì)象會(huì)被立即銷毀(如果變量沒有用var聲明,表明是全局變量,不會(huì)在局部環(huán)境的代碼執(zhí)行之后銷毀),隨即執(zhí)行環(huán)境由函數(shù)執(zhí)行環(huán)境轉(zhuǎn)向全局執(zhí)行環(huán)境,繼續(xù)執(zhí)行console.log(name);語(yǔ)句。只是,如果我們關(guān)閉網(wǎng)頁(yè)或?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ù)的局部變量。
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,同時(shí)也希望多多支持腳本之家!
相關(guān)文章
JavaScript實(shí)現(xiàn)星級(jí)評(píng)價(jià)效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)星級(jí)評(píng)價(jià)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-05-05
JavaScript基礎(chǔ)進(jìn)階之?dāng)?shù)組方法總結(jié)(推薦)
下面小編就為大家?guī)硪黄狫avaScript基礎(chǔ)進(jìn)階之?dāng)?shù)組方法總結(jié)(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
JavaScript禁止復(fù)制與粘貼的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄狫avaScript禁止復(fù)制與粘貼的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過來看看吧2016-05-05
Javascript 構(gòu)造函數(shù) 實(shí)例分析
一般構(gòu)造函數(shù)沒有返回值,他們通過關(guān)鍵字this初始化對(duì)象,沒有返回值。當(dāng)然一個(gè)構(gòu)造器允許返回一個(gè)對(duì) 象,如果這樣的話 返回的對(duì)象將變成new 表達(dá)式的值,在這種情況下值為this的對(duì)象將拋棄2008-11-11
JavaScript逆向調(diào)試技巧總結(jié)分享
當(dāng)我們抓取網(wǎng)頁(yè)端數(shù)據(jù)時(shí),經(jīng)常被加密參數(shù)、加密數(shù)據(jù)所困擾,如何快速定位這些加解密函數(shù),尤為重要,下面這篇文章主要給大家介紹了關(guān)于JavaScript逆向調(diào)試技巧的相關(guān)資料,需要的朋友可以參考下2022-06-06
Mint-UI時(shí)間組件起始時(shí)間問題及時(shí)間插件使用
這篇文章主要介紹了Mint-UI時(shí)間組件起始時(shí)間問題的解決方法,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-08-08
淺談JS數(shù)組內(nèi)置遍歷方法有哪些和區(qū)別
本文主要介紹了淺談JS數(shù)組內(nèi)置遍歷方法有哪些和區(qū)別,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-11-11
基于JS實(shí)現(xiàn)導(dǎo)航條flash導(dǎo)航條
flash導(dǎo)航條在網(wǎng)站建設(shè)中應(yīng)用比較廣泛,此種效果給瀏覽者帶來極好的視覺效果,非常棒,下面小編給大家介紹基于JS實(shí)現(xiàn)導(dǎo)航條flash導(dǎo)航條,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2016-06-06

