JavaScript的變量提升入門

Calpa

夢裡不覺秋已深

餘情豈是為他人

JavaScript Web Front End Markdown Github Hackathon Interview Hexo SEO React CSS Blog

友情鏈接

共48篇文章

所有文章

在JavaScript中，hoisting是一個容易犯錯的地方。
在一段scope裡面，沒有定義變量就使用變量的話會彈出Reference Error。

1 2	// ReferenceError: poi is not defined console.log(poi);

var name;
console.log(name); // undefined
name = 'calpa'
console.log(name); // calpa

由於JavaScript的解釋器會提前把所有變量函數定義，所以上面這一段代碼會變成這一段：

1
2
3

console.log(name); // undefined
var name = 'calpa';
console.log(name); // calpa

另外，JavaScript也會出現這樣的問題。。。

var name = 'calpa';
(function () {
    // My name is undefined
    console.log("My name is " + name);
    var name = 'poi';
    // My name is poi
    console.log("My name is " + name); // poi
})();

簡單來說，在寫JavaScript時，我們應該提前在檔案開始位置定義變量。

參考資料：

Calpa

友情鏈接

最新文章

共48篇文章

所有文章