JavaScript變量範圍返回「未定義」

Question

JavaScript指南中有一個關於變量範圍的語句：「JavaScript中的變量在某種意義上被」懸掛「或被提升到函數或語句的頂部，但變量不是初始化還會返回一個未定義的值。「

/** 
    * Example 2 
    */ 
    // will return a value of undefined 
    var myvar = "my value"; 

(function() { 
    console.log(myvar); // undefined 
    var myvar = "local value"; 
})(); 

我的問題是：爲什麼「console.log（myvar）;」會返回undefined？我認爲第一行已經初始化了myvar這個值是「我的價值」。

Answer 1

因爲所有變量聲明將自動提升至其定義功能塊的頂部，這樣的代碼：

(function() { 
    console.log(myvar); // undefined 
    var myvar = "local value"; 
})(); 

其實這是JS的解釋：

(function() { 
    var myvar; // declares a new local variable that covers up the global name 
    console.log(myvar); // undefined 
    myvar = "local value"; 
})(); 

這應該告訴你爲什麼本地定義的myvar是console.log()輸出的內容，它已被定義，但尚未初始化，因此它顯示爲undefined。

的本地定義myvar重寫/覆蓋了全局定義的一個，所以當你在你的函數訪問myvar，你只能獲得局部定義變量（不管是尚未還是未初始化）。

查看同一主題的其他一些參考：

How do JavaScript variables work?

JavaScript variable undefined vs not defined

One var per function in JavaScript?

JavaScript 'hoisting'

---

如果喲你刪除你的函數中的var（所以你只是引用一個變量，而不是聲明一個新變量），那麼你將只有一個全局變量名爲myvar，你會得到它看起來像你可能會期待的行爲：

var myvar = "my value"; 

(function() { 
    console.log(myvar); // outputs "my value" 
    myvar = "local value"; 
})(); 

Answer 2

這裏你的功能是一個自我調用功能。自調用表達式會自動調用（啓動），而不會被調用。提升適用於變量聲明和函數聲明。

var myvar = "my value"; 

(function() { 
    console.log(myvar); // undefined 
    var myvar = "local value"; 
})(); 

所以這裏的功能調用它自身甚至與指定的值