JS基礎(chǔ)——作用域鏈與執(zhí)行環(huán)境

Yi_Zhi_Yu 發(fā)布于2019-08-23 15:31 / 3443人閱讀

摘要：函數(shù)的作用域會在函數(shù)執(zhí)行時用到，函數(shù)每次執(zhí)行都會創(chuàng)建一個執(zhí)行環(huán)境的內(nèi)部對象，每個執(zhí)行環(huán)境都有自己的作用域鏈。假設(shè)執(zhí)行，其對應(yīng)的作用域鏈如下函數(shù)執(zhí)行過程中，變量的查找時從作用域頭部開始查找，如果找到就是使用改變量的值。

每一個函數(shù)存在一個[[Scope]]內(nèi)部屬性，包含了一個函數(shù)被創(chuàng)建得作用域中對象得集合，這個集合為函數(shù)得作用域鏈。例如下面的全局函數(shù)：

fucntion add(num1, num2){
    var sum = num1 + num2;
    return sum;
}

當(dāng)函數(shù)add被創(chuàng)建時，它的作用域鏈中便插入了一個對象變量，里面包含所有在全局范圍內(nèi)定義的變量。

函數(shù)add的作用域會在函數(shù)執(zhí)行時用到，函數(shù)每次執(zhí)行都會創(chuàng)建一個執(zhí)行環(huán)境的內(nèi)部對象，每個執(zhí)行環(huán)境都有自己的作用域鏈。函數(shù)運(yùn)行時，一個被稱為活動對象的新對象就為執(zhí)行環(huán)境創(chuàng)建好了，里面包含了函數(shù)的所有局部變量，命名參數(shù)，參數(shù)集合以及this。假設(shè)執(zhí)行var total = add(5,10)，其對應(yīng)的作用域鏈如下：

函數(shù)執(zhí)行過程中，變量的查找時從作用域頭部開始查找，如果找到就是使用改變量的值。如果找不到就繼續(xù)從作用域下一個對象查找，直到找到改變量。如過匹配不到，則為undefined。當(dāng)頻繁使用全局變量時，可以先使用一個局部變量保存起來，之后直接訪問局部變量可以減少查找次數(shù)提高效率。例如：

function initUI(){
    var doc = document,
        bd = doc.body,
        links = doc.getElementsByTagName("a");
    ....
}

當(dāng)函數(shù)執(zhí)行完成，活動對象也會隨之銷毀。但閉包時，活動對象并不會銷毀。這也是為什么閉包占用內(nèi)存大的原因。

資料：《高性能JavaScript》第2章節(jié)

云服務(wù)器 GPU云服務(wù)器作用域鏈 javascript作用域鏈 js執(zhí)行環(huán)境執(zhí)行環(huán)境

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/102186.html

相關(guān)文章

前端基礎(chǔ)進(jìn)階（四）：詳細(xì)圖解作用域鏈與閉包

摘要：之前一篇文章我們詳細(xì)說明了變量對象，而這里，我們將詳細(xì)說明作用域鏈。而的作用域鏈，則同時包含了這三個變量對象，所以的執(zhí)行上下文可如下表示。下圖展示了閉包的作用域鏈。其中為當(dāng)前的函數(shù)調(diào)用棧，為當(dāng)前正在被執(zhí)行的函數(shù)的作用域鏈，為當(dāng)前的局部變量。 showImg(https://segmentfault.com/img/remote/1460000008329355);初學(xué)JavaScrip...

aikin 2019-08-21 18:29 評論0 收藏0
JS基礎(chǔ)-作用域、作用域鏈與閉包 Part three

摘要：作用域執(zhí)行上下文變量提前函數(shù)聲明提前確定值范圍一段或者一個函數(shù)都會生成一個執(zhí)行上下文全局一段變量定義函數(shù)聲明函數(shù)變量定義函數(shù)聲明參數(shù)集合變量提前代碼解析執(zhí)行過程變量定義提前賦值函數(shù)聲明提前代碼解析函數(shù)聲明函數(shù)表達(dá)式執(zhí)行過程執(zhí)行過程執(zhí)行時才能 1.作用域執(zhí)行上下文 (變量提前、函數(shù)聲明提前、確定this值、arguments) 范圍：一段或者一個函數(shù)（都會生成一個執(zhí)行上下文） ...

heartFollower 2019-08-22 17:19 評論0 收藏0
js深入（三）作用域鏈與閉包

摘要：在之前我們根絕對象的原型說過了的原型鏈，那么同樣的萬物皆對象，函數(shù)也同樣存在這么一個鏈?zhǔn)降年P(guān)系，就是函數(shù)的作用域鏈作用域鏈?zhǔn)紫认葋砘仡櫼幌轮爸v到的原型鏈的尋找機(jī)制，就是實例會先從本身開始找，沒有的話會一級一級的網(wǎng)上翻，直到頂端沒有就會報一在之前我們根絕對象的原型說過了js的原型鏈，那么同樣的js 萬物皆對象，函數(shù)也同樣存在這么一個鏈?zhǔn)降年P(guān)系，就是函數(shù)的作用域鏈作用域鏈首先先來回...

blair 2019-08-23 18:35 評論0 收藏0
“動靜結(jié)合” 小白初探靜態(tài)(詞法)作用域，作用域鏈與執(zhí)行環(huán)境(EC)

摘要：圖片中的作用域鏈，是全局執(zhí)行環(huán)境中的作用域鏈。然后此活動對象被推入作用域鏈的最前端。在最后調(diào)用的時候，創(chuàng)建先構(gòu)建作用域鏈，再創(chuàng)建執(zhí)行環(huán)境，再創(chuàng)建執(zhí)行環(huán)境的時候發(fā)現(xiàn)了一個變量標(biāo)識符。從圖書館翻過各種JS的書之后，對作用域/執(zhí)行環(huán)境/閉包這些概念有了一個比較清晰的認(rèn)識。栗子說明一切第一個栗子來看一個來自ECMA-262的栗子： var x = 10; (function foo(...

Drummor 2019-08-19 18:04 評論0 收藏0
前端基礎(chǔ)進(jìn)階（六）：在chrome開發(fā)者工具中觀察函數(shù)調(diào)用棧、作用域鏈與閉包

摘要：在的開發(fā)者工具中，通過斷點(diǎn)調(diào)試，我們能夠非常方便的一步一步的觀察的執(zhí)行過程，直觀感知函數(shù)調(diào)用棧，作用域鏈，變量對象，閉包，等關(guān)鍵信息的變化。其中表示當(dāng)前的局部變量對象，表示當(dāng)前作用域鏈中的閉包。 showImg(https://segmentfault.com/img/remote/1460000008404321); 在前端開發(fā)中，有一個非常重要的技能，叫做斷點(diǎn)調(diào)試。在chrome...

draveness 2019-08-21 18:31 評論0 收藏0