執(zhí)行環(huán)境定義了變量或函數(shù)有權(quán)訪問(wèn)的其他數(shù)據(jù)，決定了它們各自的行為。每個(gè)執(zhí)行環(huán)境都有一個(gè)與之關(guān)聯(lián)的變量對(duì)象。

全局執(zhí)行環(huán)境是最外圍的一個(gè)執(zhí)行環(huán)境。根據(jù)JavaScript實(shí)現(xiàn)所在的宿主環(huán)境不同，表示執(zhí)行環(huán)境的對(duì)象也不一樣。在Web瀏覽器中，全局執(zhí)行環(huán)境被認(rèn)為是window對(duì)象。因此，所有的全局變量和函數(shù)都是作為window對(duì)象的屬性和方法創(chuàng)建的。

變量對(duì)象：環(huán)境中定義的所有變量和函數(shù)都保存在這個(gè)對(duì)象中。

作用域鏈：當(dāng)代碼在一個(gè)環(huán)境中執(zhí)行時(shí)，會(huì)創(chuàng)建變量對(duì)象的一個(gè)作用域鏈。作用域鏈的用途是保證對(duì)執(zhí)行環(huán)境有權(quán)訪問(wèn)的所有變量和函數(shù)的有序訪問(wèn)。作用域鏈的前端，始終都是當(dāng)前執(zhí)行的代碼所在環(huán)境的變量對(duì)象。

活動(dòng)對(duì)象：活動(dòng)對(duì)象在最開始時(shí)只包含一個(gè)變量，即arguments對(duì)象。作用域鏈中的下一個(gè)變量對(duì)象來(lái)自包含(外部)環(huán)境，而再下一個(gè)變量對(duì)象來(lái)自下一個(gè)包含環(huán)境。這樣一直延續(xù)到全局執(zhí)行環(huán)境；全局執(zhí)行環(huán)境的變量對(duì)象始終都是作用域鏈中的最后一個(gè)對(duì)象。

標(biāo)識(shí)符解析：標(biāo)識(shí)符解析是沿著作用域鏈一級(jí)一級(jí)地搜索標(biāo)識(shí)符的過(guò)程。搜索過(guò)程始終從作用域鏈的前端開始，然后逐級(jí)地向后回溯，直至找到標(biāo)識(shí)符為止。

示例代碼：

var color = "blue";
function changeColor() {
  if (color === "blue") {
    color = "red";
  } else {
    color = "blue";
  }
}
changeColor();

alert("Color is now " + color);

函數(shù)changeColor()的作用域鏈包含兩個(gè)對(duì)象：它自己的變量對(duì)象(其中定義著arguments對(duì)象)和全局變量的變量對(duì)象?？梢栽诤瘮?shù)內(nèi)部訪問(wèn)變量color，就是因?yàn)榭梢栽谶@個(gè)作用域鏈中找到它。

此外，在局部作用域中定義的變量可以在局部環(huán)境中與全局變量互換使用，示例：

var color = "blue";
function changeColor() {
  var anotherColor = "red";

  function swapColors() {
    var tempColor = anotherColor;
    anotherColor = color;
    color = tempColor;

    // 這里可以訪問(wèn)color、anotherColor和tempColor
  }

  // 這里可以訪問(wèn)color、anotherColor，不能訪問(wèn)tempColor
  swapColors();
} 

// 這里只能訪問(wèn)color
changeColor();

以上代碼供涉及3個(gè)執(zhí)行環(huán)境：全局環(huán)境、changeColor()的句柄環(huán)境和swapColors()的局部環(huán)境。

全局變量中有一個(gè)變量color和一個(gè)函數(shù)changeColor()。changeColor()的局部變量中包含了一個(gè)變量anotherColor和一個(gè)函數(shù)swapColors()函數(shù)，它可以訪問(wèn)全局變量中的color。swapColors()的局部變量中有一個(gè)變量tempColor。在swapColors()中可以訪問(wèn)全局變量中的color，也可以訪問(wèn)anotherColor變量，因?yàn)槟莾蓚€(gè)環(huán)境是它的父執(zhí)行環(huán)境。上面的例子的作用域鏈為：

其中，內(nèi)部環(huán)境可以通過(guò)作用域鏈訪問(wèn)所有的外部環(huán)境，但外部環(huán)境不能訪問(wèn)內(nèi)部環(huán)境中的任何變量和函數(shù)。環(huán)境變量之間的聯(lián)系是線性的、有次序的。每個(gè)變量只能向上級(jí)搜索作用域鏈，以查詢變量和函數(shù)名，即首先在本作用于中查詢變量或函數(shù)名，如果沒(méi)有再向上一級(jí)作用域鏈查詢，直到頂級(jí)作用域。但是任何環(huán)境都不能向下搜索作用域鏈而進(jìn)入另一個(gè)執(zhí)行環(huán)境。

函數(shù)參數(shù)也被當(dāng)作變量來(lái)對(duì)待，因此其訪問(wèn)規(guī)則與執(zhí)行環(huán)境中的其他變量相同。

1.延長(zhǎng)作用域鏈

當(dāng)執(zhí)行流進(jìn)入下列任何一個(gè)語(yǔ)句時(shí)，作用域鏈就會(huì)得到延長(zhǎng)：

• try-catch語(yǔ)句的catch塊

• with語(yǔ)句

這兩個(gè)語(yǔ)句會(huì)在作用域的前端添加一個(gè)變量對(duì)象。

對(duì)于with語(yǔ)句來(lái)說(shuō)，會(huì)將指定的變量添加到作用域鏈中。對(duì)catch語(yǔ)句來(lái)說(shuō)，會(huì)創(chuàng)建一個(gè)新的變量對(duì)象，其中包含的是被拋出的錯(cuò)誤對(duì)象的聲明。

舉個(gè)例子：

function buildUrl() {
  var qs = "?debug=true";
  with(location) {
    var url = href + qs;
  }
  return url;
}

with語(yǔ)句接收的是location對(duì)象，因此其變量對(duì)象中包含了location對(duì)象的所用屬性和方法，這個(gè)變量對(duì)象被添加到作用域鏈的前端。當(dāng)在with語(yǔ)句中引用變量href時(shí)（實(shí)際引用的是location.href）,可以在當(dāng)前環(huán)境變量中找到。當(dāng)引用變量qs時(shí)，引用的是buildUrl()中定義的那個(gè)變量，該變量位于函數(shù)環(huán)境變量對(duì)象中。至于with語(yǔ)句內(nèi)部，則定義了一個(gè)名為url的變量，因而url就成了函數(shù)執(zhí)行環(huán)境的一部分，可以作為函數(shù)的值被返回。

2.沒(méi)有塊級(jí)作用域

在JavaScript中，封閉的花括號(hào)沒(méi)有自己的作用域?？聪旅娴拇a：

if(true) {
  var color = "blue";
}
alert(color);  // "blue"

在JavaScript中，if/for語(yǔ)句創(chuàng)建的變量聲明會(huì)將變量添加到當(dāng)前的執(zhí)行環(huán)境中。例如：

for(var i = 0; i < 10; i++) {
  doSomething(i);
}
alert(i);// 10

垃圾回收

與Java相似，JavaScript也具有自動(dòng)回收垃圾機(jī)制。執(zhí)行環(huán)境會(huì)負(fù)責(zé)管理代碼執(zhí)行過(guò)程中使用的內(nèi)存。在編寫程序時(shí)，不需要關(guān)系內(nèi)存使用問(wèn)題，所需內(nèi)存的分配以及無(wú)用內(nèi)存的回收完全實(shí)現(xiàn)了自動(dòng)管理。垃圾回收機(jī)制的原理就是：找出不再繼續(xù)使用的變量，然后釋放其占用的內(nèi)存。為此，垃圾回收器會(huì)按照固定的時(shí)間間隔(或代碼執(zhí)行中預(yù)定的收集時(shí)間)，周期性地進(jìn)行這一操作。

在做垃圾回收之前，必須判斷該資源是否無(wú)用，對(duì)于不再使用的變量打上標(biāo)記，以備將來(lái)回收其內(nèi)存。用于標(biāo)識(shí)無(wú)用變量的策略通常有兩個(gè)實(shí)現(xiàn)。

1 標(biāo)記清除

JavaScript中最常用的垃圾收集方式是標(biāo)記清除。當(dāng)變量進(jìn)入環(huán)境，就將變量標(biāo)記為“進(jìn)入環(huán)境”；當(dāng)變量離開環(huán)境時(shí)，則將變量標(biāo)記為“離開環(huán)境”。垃圾回收器在運(yùn)行的時(shí)候會(huì)給所用變量都加上標(biāo)記。然后，它會(huì)去掉環(huán)境中的變量以及被環(huán)境中的變量引用的變量的標(biāo)記。而在此之后再被加上標(biāo)記的變量將被視為準(zhǔn)備刪除的變量，最后垃圾回收器完成內(nèi)存清除工作，銷毀帶標(biāo)記的值并回收它們所占的內(nèi)存空間。

2.引用計(jì)數(shù)

引用計(jì)數(shù)是指跟蹤記錄每個(gè)值被引用的次數(shù)。當(dāng)聲明了一個(gè)變量并將一個(gè)引用類型值賦給該變量時(shí)，則這個(gè)值的引用次數(shù)就是1。如果同一個(gè)值又被賦給另一個(gè)變量，則該值的引用次數(shù)加1。相反，如果包含這個(gè)值引用的變量又取得了另一個(gè)變量，則這個(gè)值的引用次數(shù)減1。當(dāng)這個(gè)變量的引用次數(shù)為0時(shí)，則說(shuō)明沒(méi)有辦法再引用這個(gè)變量了，因而就可以將其內(nèi)存空間回收回來(lái)。當(dāng)垃圾回收器下次運(yùn)行時(shí)就會(huì)回收這些引用次數(shù)為零的值占用的內(nèi)存。

引用計(jì)數(shù)會(huì)產(chǎn)生的一個(gè)問(wèn)題就是可能會(huì)導(dǎo)致循環(huán)引用。例如：

function problem() {
  var objA = new Object();
  var objB = new Object();

  objA.someOtherObj = objB;
  objB.someOtherObj = objA;
}

上面的例子中，objA和objB通過(guò)屬性相互引用。函數(shù)執(zhí)行完成后，objA和objB將繼續(xù)存在，它們的引用計(jì)數(shù)不會(huì)為0。這種情況會(huì)導(dǎo)致objA和objB所占的內(nèi)存無(wú)法回收。

以上這篇淺談JavaScript:執(zhí)行環(huán)境、作用域及垃圾回收就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論