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

Jeffrrey 發(fā)布于2019-08-23 11:42 / 2627人閱讀

摘要：一執(zhí)行環(huán)境與作用域鏈?zhǔn)裁词菆?zhí)行環(huán)境執(zhí)行環(huán)境定義了變量和函數(shù)的訪問權(quán)限，決定了他們的各自行為。

一、執(zhí)行環(huán)境與作用域鏈 1.什么是執(zhí)行環(huán)境

執(zhí)行環(huán)境定義了變量和函數(shù)的訪問權(quán)限，決定了他們的各自行為。每個執(zhí)行環(huán)境都有一個與之關(guān)聯(lián)的變量對象，環(huán)境中定義的所有對象和函數(shù)都保存在這個對象里。

全局環(huán)境是最外圍的一個執(zhí)行環(huán)境，在Web瀏覽器里全局執(zhí)行環(huán)境被認(rèn)為是window對象

某個執(zhí)行環(huán)境中所有代碼執(zhí)行完畢后該環(huán)境被銷毀

每個函數(shù)都自己的執(zhí)行環(huán)境，當(dāng)執(zhí)行流進入一個函數(shù)時，函數(shù)的執(zhí)行環(huán)境就會被壓入環(huán)境棧中，函數(shù)執(zhí)行完將環(huán)境彈出棧，把控制權(quán)返回之前的執(zhí)行環(huán)境

2.作用域鏈及其作用

代碼在某個環(huán)境中執(zhí)行時，會創(chuàng)建變量對象的一個作用域鏈

通過作用域鏈保證對執(zhí)行環(huán)境有權(quán)訪問的所有變量和函數(shù)的有序訪問

作用域鏈的前端是當(dāng)前執(zhí)行的代碼所在環(huán)境的變量對象

例：

var name1 = "11111";
function changeName(){
    var name2 = "22222";
    function swapName(){
        var tmpName = name1;
        name1 = name2;
        name2 = tmpName;
    }
    swapName();
}
changeName();

執(zhí)行環(huán)境棧如下：從棧頂向棧底搜索變量

上述代碼中共有三個執(zhí)行環(huán)境：全局環(huán)境、changeName局部環(huán)境和swapName局部環(huán)境；其中全局環(huán)境變量對象中有name1變量和changeName函數(shù)，changeName環(huán)境變量對象中有name2變量和swapName函數(shù)，swapName環(huán)境變量對象中有tmpName變量；全局環(huán)境和changeName局部環(huán)境都不能訪問tmpName變量

二、塊級作用域

ES6之前只有全局作用域和函數(shù)作用域

for(var i = 0; i < 5; i++){
    console.log(i);
}
console.log(i); //5

這里的i是在全局執(zhí)行環(huán)境中的，就算for循環(huán)執(zhí)行完全局執(zhí)行環(huán)境中的變量也不會被銷毀

function getSum(){
    var sum = 0;
    for(var i = 0; i < 5; i++){
        sum += i;
        console.log(sum);
    }
    console.log(i); //5
}
console.log(sum)//報錯

上述代碼中有兩個執(zhí)行環(huán)境，其中g(shù)etSum執(zhí)行環(huán)境中有變量sum、i，所以getSum可以訪問到sum和i，當(dāng)執(zhí)行完getSum后該執(zhí)行環(huán)境被銷毀，全局環(huán)境中訪問不到sum變量

function getSum(){
    sum = 0;
    for(var i = 0; i < 5; i++){
        sum += i;
        console.log(sum);
    }
    console.log(i); //5
}
console.log(sum)//10

上述代碼中sum變量沒有用var聲明（不推薦這種做法），此時sum屬于全局執(zhí)行環(huán)境中，所以就算函數(shù)執(zhí)行完畢sum依然存在

參考文章：JavaScript高級程序設(shè)計