鍍金池/ 問答/HTML/ js作用鏈的疑惑

js作用鏈的疑惑

(function(){
    console.log(bar);
    console.log(baz);
    
    bar = 20;
    console.log(window.bar);
    console.log(bar);
    
    function baz(){
        console.log("baz");
    }
    
})()

當(dāng)代碼執(zhí)行到"console.log(bar);"的時候，會去AO中查找"bar"。函數(shù)中的"bar"并沒有通過var關(guān)鍵字聲明，所有不會被存放在AO中。但是為什么不會去global上面去找呢？網(wǎng)上說這種變量是，只是給Global添加了一個屬性，并不在VO中，求解釋

回答
編輯回答
墨沫

如果變量與執(zhí)行上下文相關(guān)，那變量自己應(yīng)該知道它的數(shù)據(jù)存儲在哪里，并且知道如何訪問。這種機制稱為變量對象(variable object)。 變量對象(VO)是一個與執(zhí)行上下文相關(guān)的特殊對象，它存儲著在上下文中聲明的以下內(nèi)容： 1.變量 (var, 變量聲明); 2.函數(shù)聲明(FunctionDeclaration, 縮寫為FD); 3.函數(shù)的形參。在函數(shù)上下文中，變量對象被表示為活動對象AO。當(dāng)函數(shù)被調(diào)用后，這個特殊的活動對象就被創(chuàng)建了。它包含普通參數(shù)與特殊參數(shù)對象（具有索引屬性的參數(shù)映射表）。在函數(shù)執(zhí)行上下文中，VO是不能直接訪問的，此時由活動對象(activation object，AO)扮演VO的角色。
這里的bar并沒有用var聲明，并不是變量，并不在變量對象(VO)中，因而在函數(shù)執(zhí)行時，也不會被活動對象AO所包含。

2017年12月7日 16:14
編輯回答
愛礙唉

題主問題：但是為什么不會去global上面去找呢？
回答：因為第一次執(zhí)行到

console.log(bar);

這個的時候，

bar = 20;

這個還沒執(zhí)行，所以上面訪問會報錯
這句代碼執(zhí)行后，才會在全局創(chuàng)建一個 bar，作為全局對象的屬性存在，然后你才可以訪問.
題主可以看下下面測試，這個，第一次執(zhí)行，把上面代碼注釋掉，就不會報錯，接著執(zhí)行第二次，不注釋代碼，也不會報錯，這是因為第一次執(zhí)行的時候前面那句 bar = 20 執(zhí)行過了;

clipboard.png

題主可能還有疑問，function baz 不是也在后面么，他可以提前訪問，是因為 函數(shù)聲明語句和 var 變量聲明會在 代碼執(zhí)行之前 提前到所在函數(shù)環(huán)境或全局作用域的頂部，其中 var 聲明提前僅僅是 var 提前，實際賦值保留在原地，函數(shù)聲明提前是全部提前，這個可以另行百度，不過推薦看經(jīng)典書籍，JavaScript權(quán)威指南-第6版-中

2018年5月25日 14:13