首頁猿問 js作用鏈的疑惑

js作用鏈的疑惑

JavaScript

搖曳的薔薇 2019-03-05 15:39:16

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

查看完整描述

2 回答

慕勒3428872

TA貢獻1848條經(jīng)驗獲得超6個贊

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

console.log(bar);

這個的時候，

bar = 20;

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

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

反對回復 2019-03-09

互換的青春

TA貢獻1797條經(jīng)驗獲得超6個贊

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

反對回復 2019-03-09