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);"的時(shí)候，會(huì)去AO中查找"bar"。函數(shù)中的"bar"并沒(méi)有通過(guò)var關(guān)鍵字聲明，所有不會(huì)被存放在AO中。但是為什么不會(huì)去global上面去找呢？網(wǎng)上說(shuō)這種變量是，只是給Global添加了一個(gè)屬性，并不在VO中，求解釋

回答

編輯回答

墨沫

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

2017年12月7日 16:14

編輯回答

愛(ài)礙唉

題主問(wèn)題：但是為什么不會(huì)去global上面去找呢？
回答：因?yàn)榈谝淮螆?zhí)行到

console.log(bar);

這個(gè)的時(shí)候，

bar = 20;

這個(gè)還沒(méi)執(zhí)行，所以上面訪問(wèn)會(huì)報(bào)錯(cuò)
這句代碼執(zhí)行后，才會(huì)在全局創(chuàng)建一個(gè) bar，作為全局對(duì)象的屬性存在，然后你才可以訪問(wèn).
題主可以看下下面測(cè)試，這個(gè)，第一次執(zhí)行，把上面代碼注釋掉，就不會(huì)報(bào)錯(cuò)，接著執(zhí)行第二次，不注釋代碼，也不會(huì)報(bào)錯(cuò)，這是因?yàn)榈谝淮螆?zhí)行的時(shí)候前面那句 bar = 20 執(zhí)行過(guò)了;

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

2018年5月25日 14:13