JS執行環境實例簡介

小云云原創: 2018-03-07 10:37:491825瀏覽

“執行環境”，聽到這個名詞，可能變得很頭大！而且不少文獻中又叫做“執行上下文”，不過實際上是一個東西。書籍和資料中也常講得特別複雜，這可是JS中一個難以理解得地方啊，別急，本篇文章嘗試用通俗淺顯的語言闡述這個概念。

一、範例解說執行環境

先看一個例子：
我們在瀏覽器控制台輸入：

var a=1;console.log(window.a);console.log(a);

結果是輸出1，顯然a變數是window物件的屬性。
那我問你：a變數的執行環境是什麼呢？
相信你不難回答：就是window對像啊！的確，你說得很對，window物件就是a變數的執行環境，它叫做全域執行環境，因為它是最外圍的執行環境。這裡，a預設就是在全域執行環境中定義的，因此a和window.a是同一個。
我們再看下一個例子：

function output(){
    var a=1;
    console.log(a);
}

這個例子中,a是定義在函數內部的，那麼a的執行環境便是函數執行環境（output)。
如果你在window中輸入：

console.log(a);

是會報錯的，因為a只在函數output中可見。
但你輸入：

console.log(output);

卻會正常顯示函數，因為函數output的執行環境是window，在window當然可以顯示呀！

二、執行環境怎麼運作？

我們知道，output函數是在window環境中。當程式執行output函數的時候，你應該已經猜到了：
window環境將控制權交給output函數環境，output環境就成為了主場。
那麼，其實背後搞了些啥呢？
JS中有個東西叫做執行環境棧，或叫做執行上下文棧，不知道棧是啥該補一下資料結構了。
就像堆疊箱子一樣，全域執行環境被放在執行環境堆疊的最下面。當運行到output函數，這個函數的執行環境也被打包成一個箱子‘堆’在全域執行環境的上面。如果我要繼續運行全域環境中的其他函數，就像要拿最下面箱子的東西一樣，必須先把output函數執行完。形像地說，就像把上面的箱子拿開，然後才能動下面的箱子。

JS執行環境實例簡介

一、範例解說執行環境

二、執行環境怎麼運作？

相關文章