JavaScript範圍
學習JavaScript範圍的基礎知識 範圍是一組定義在編程語言中以確定變量值的規則。 JavaScript使用詞法範圍，這意味著變量的值由其在被寫入時的位置所定義，而不是在其被調用時，這是與另一種替代方式動態範圍不同的事情。 範圍是對程序的部分可見的變量集合。 我們有全局範圍，區塊範圍和函數範圍。如果一個變量在函數或區塊外部定義，它將附加到全局對象並具有全局範圍，這意味著它在程序的每個部分都可用。 var，let和const聲明之間有一個非常重要的區別。 在函數內部定義為var的變量只在該函數內部可見，就像函數參數一樣。 另一方面，在其所在的塊內定義為const或let的變量只在該塊內部可見。 重要的是要理解，塊（由一對花括號標識）不為var定義新的範圍，但對於let和const則有。只有在創建函數時，才為var創建新的範圍，因為var沒有塊範圍，而是函數範圍。 在函數內部，任何在其中定義的var變量在所有函數代碼中都可見，即使該變量在函數結束時聲明，它仍然可以在開頭引用，因為JavaScript在執行代碼之前實際上會將所有變量聲明移動到頂部（這被稱為提升）。為避免混淆，始終在函數開頭聲明var變量。 這就是我的意思。即使你在函數結尾聲明了一個var變量，它的聲明也會被移到頂部： function run() { console.log(`${name}`) var name = 'Flavio' } run() 這將打印出“undefined”，因為實際上發生的是： function run() { var name; console.log(`${name}`) name = 'Flavio' } run() let和const不會“受到”提升的影響。如果在上面的示例中使用它們之一，則會出現錯誤：ReferenceError: name is not defined。 在JavaScript中，父函數的變量也可以在內部函數中使用。內部函數的範圍還包括父函數的範圍，這稱為閉包（我們將在後面更詳細地談論這一點）。 你需要注意一點。在非嚴格模式下，如果你使用未聲明的變量，無論你在哪裡使用，該變量都會附加到全局範圍。這可能是錯誤的根源。所以，在使用變量之前，請確保始終聲明變量。只是要意識到這一點，但這只是預設情況下使用嚴格模式的另一個原因，嚴格模式可以解決這個問題。我們之後再談論嚴格模式。 記住：在具有與全局變量同名的函數（或塊）中定義的任何變量優先於全局變量，遮蔽它。 這將打印undefined： var name = 'Roger' function run() { console.log(`${name}`) var name = 'Flavio' } run() 而這將引發錯誤ReferenceError: name is not defined： let name = 'Roger' function run() { console.log(`${name}`) let name = 'Flavio' } run()