JS變量提升與函數提升

在JavaScript中，有一種變量提升和函數提升的現象，即可以在其聲明之前使用。這是初學者很容易忽略的一點，但是了解這個現象對于理解JS代碼的執行順序非常有幫助。

變量提升的例子：

console.log(a); // undefined
var a = 10;

雖然變量a在打印之前已被聲明，但是其值為undefined而非10。這是因為，雖然聲明提前了，但是賦值操作仍然在原來的位置。

函數提升的例子：

foo(); // foo
function foo() {
console.log('foo');
}

與變量提升相同，雖然函數在調用之前已被聲明，但是調用仍然在原來的位置。這是因為JS會把所有的函數聲明提前到文件或作用域的頂部，以便在使用之前進行綁定。

需要注意的是，函數表達式（以變量表達式的形式來表示函數）不會被提升。

變量提升與函數聲明會被提升到它們所在作用域的頂部，而不是全局作用域。

下面是一個嵌套函數的例子，該例子展示了如何在不同的作用域中使用變量提升：

var a = 1;
function b() {
console.log(a); // undefined
var a = 2;
function c() {
console.log(a); // 2
}
c();
}
b();

當函數b被調用時，變量a被聲明提升到了b作用域的頂部，但是它尚未賦值。因此，當console.log在函數c中被調用時，變量a指向的是b作用域中的變量，而不是全局變量。

使用變量和函數之前先聲明它們是一個好習慣。這可以避免意外的行為，提高代碼的可讀性和可維護性。