爲什麼我的JavaScript提升局部變量返回undefined，但懸掛的全局變量返回空白？

Question

作爲我學習JavaScript的一部分，我嘗試編寫代碼來展示我正在學習的概念;今天我正在學習升降變量。這是我寫的代碼：

console.log("A: My name is " + name); 

function happy() { 
    console.log ("1: I am " + feeling); 
    var feeling = "happy"; 
    console.log ("2: I am " + feeling); 
} 
happy(); 

var name = "Jim"; 
console.log("B: My name is " + name); 

我預期的結果如下：

A: My name is undefined 
1: I am undefined 
2: I am happy 
B: My name is Jim 

然而，在WriteCodeOnline.com而在另一個沙盒測試我的代碼的時候，第一的console.log顯示A: My name is。我使用的是Chrome瀏覽器，如果這有所幫助。

所以，我的問題是，爲什麼當懸掛的全局變量返回一個空白時，函數內的懸掛局部變量返回undefined？

Answer 1

這裏發生了什麼事您正在訪問window.name。

這是window的預定義屬性，因此您懸掛的var name實際上並未創建新變量。在全局範圍內已經有一個名稱，默認情況下，它有一個空白字符串值。

觀察您所期望的行爲，您可以使用其他變量名比name，或者把你的代碼在函數內部：

function hoisting() { 
 
    console.log("A: My name is " + name); 
 

 
    function happy() { 
 
    console.log ("1: I am " + feeling); 
 
    var feeling = "happy"; 
 
    console.log ("2: I am " + feeling); 
 
    } 
 
    happy(); 
 

 
    var name = "Jim"; 
 
    console.log("B: My name is " + name); 
 
} 
 

 
hoisting();