在Javascript中，hoisting（變量提升）是一個重要的概念。它是Javascript引擎在編譯階段對代碼做的一種處理。在執行Javascript代碼時，hoisting會將變量和函數的聲明提升至當前作用域的頂部，使得它們在代碼執行前就已經被定義了。 例如： ``` console.log(a); // undefined var a = 1; console.log(b); // ReferenceError let b = 2; ``` 在這個例子中，變量a和b都沒有被聲明，但是變量a在使用前用var關鍵字被聲明了，因此在第一次console.log(a)時，它的值是undefined。 而在第二個console.log(b)時，由于b使用了let關鍵字，而let聲明的變量在定義之前是不可用的，因此它會提示一個ReferenceError的錯誤。 這就是變量提升對代碼的影響。 值得注意的是，只有變量的聲明會被提升，而它們的賦值語句不會。舉個例子： ``` console.log(c); // undefined var c = 1; c = 2; console.log(d); // ReferenceError let d = 3; d = 4; ``` 在這個例子中，變量c和d都沒有被聲明，但是只有變量c在使用前用var關鍵字被聲明了。在第一次console.log(c)時，它的值是undefined。然后在第一次賦值語句c = 2;中，變量c的值被賦值為2。最后在第二次console.log(c)時，它的值是2。 而在第二個console.log(d)時，由于d使用了let關鍵字，而let聲明的變量在定義之前是不可用的，因此它會提示一個ReferenceError的錯誤。同時，第一次賦值語句d = 4;也不會被執行。 除了變量的聲明，函數聲明也會受到hoisting的影響。Javascript引擎會將函數聲明提升到作用域的頂部，因此我們可以在函數聲明之前就調用它，例如： ``` foo(); // 'bar' function foo() { console.log('bar'); } ``` 在這個例子中，函數聲明foo被提升至當前作用域的頂部，可以在函數聲明之前就調用它，輸出結果為'bar'。 需要注意的是，函數表達式（即用變量來保存一個函數）卻不會受到hoisting的影響。例如： ``` baz(); // TypeError: baz is not a function var baz = function() { console.log('hello world'); } ``` 在這個例子中，雖然變量baz使用了var關鍵字被聲明，但是它保存的是一個函數表達式，不是函數聲明，因此不會被提升。在第一次調用baz()時，會提示TypeError的錯誤。 為了避免hoisting帶來的問題，我們應該盡可能把變量和函數的聲明放在當前作用域的頂部，同時建議使用let和const關鍵字來聲明變量，因為它們可以避免一些隱晦的問題。 總之，hoisting是Javascript引擎在編譯階段對代碼做的一種處理，它將變量和函數的聲明提升至當前作用域的頂部。理解hoisting的概念，可以更好地理解Javascript的運行機制，并避免一些不必要的問題。