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

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

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

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

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

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

示例代碼：

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

alert("Color is now " + color);

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

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

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

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

    // 這里可以訪問color、anotherColor和tempColor
  }

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

// 這里只能訪問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ù)，它可以訪問全局變量中的color。swapColors()的局部變量中有一個(gè)變量tempColor。在swapColors()中可以訪問全局變量中的color，也可以訪問anotherColor變量，因?yàn)槟莾蓚€(gè)環(huán)境是它的父執(zhí)行環(huán)境。上面的例子的作用域鏈為：

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

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

1.延長作用域鏈

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

• try-catch語句的catch塊

• with語句

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

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

舉個(gè)例子：

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

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

2.沒有塊級作用域

在JavaScript中，封閉的花括號沒有自己的作用域。看下面的代碼：

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

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

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

垃圾回收

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

在做垃圾回收之前，必須判斷該資源是否無用，對于不再使用的變量打上標(biāo)記，以備將來回收其內(nèi)存。用于標(biāo)識無用變量的策略通常有兩個(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í)候會給所用變量都加上標(biāo)記。然后，它會去掉環(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í)，則說明沒有辦法再引用這個(gè)變量了，因而就可以將其內(nèi)存空間回收回來。當(dāng)垃圾回收器下次運(yùn)行時(shí)就會回收這些引用次數(shù)為零的值占用的內(nèi)存。

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

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

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

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

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

最新評論