爲什麼我的全局變量在函數中不可訪問？

Question

我認爲myColor將從sayColor()本地上下文訪問，但它不是即使我第一次警報後聲明myColor。爲什麼？

var myColor = "blue"; 
function sayColor() { 
    alert(myColor); //undefined expected blue 
    var myColor = "green"; 
    alert(myColor); //green 
} 
sayColor(); 

Answer 1

這裏發生了什麼叫做「提升」。使用var和函數語句的變量聲明被「懸掛」到其包含範圍的頂部。 （需要注意的是，從ES6上，let和const有不同的語義）所以，瀏覽器的頭腦，你的代碼實際上是這樣的：

var myColor = "blue"; 
function sayColor() { 
    var myColor; 
    alert(myColor); //undefined expected blue 
    myColor = "green"; 
    alert(myColor); //green 
} 
sayColor(); 

從MDN：

的每一個定義變量實際上是其範圍頂部的變量聲明，以及定義位置的賦值。

Answer 2

您正在隱藏全局變量myColor與同名的局部變量。從函數中刪除var關鍵字以查看全局變量。

var myColor = "blue"; 
function sayColor() { 
    alert(myColor); 
    myColor = "green"; // Omit the "var" keyword. 
    alert(myColor); 
} 
sayColor(); 

的Javascript只有功能範圍，所以他們在整個功能可在函數內聲明的所有變量都提升到頂部。 OP原始版本中的第一個警告是使用未初始化的，懸掛的本地變量，這就是爲什麼它打印undefined。

Answer 3

您正在重新設置函數內部的變量。瀏覽器在分配之前正在讀取該函數，這會導致未定義的結果。

它是正確的。

var myColor = "blue"; 
function sayColor() { 
    alert(myColor); //undefined expected blue 
    myColor = "green"; 
    alert(myColor); //green 
} 
sayColor(); 

Answer 4

因爲您再次聲明它。

var myColor = "green"; 

在JavaScript中之前由解釋程序執行的功能，它掃描var ...語句整個功能。所以這就是爲什麼你的myColor變量在你的函數的第一個語句被執行之前被重置。