當我們在使用JavaScript的時候，經常會遇到變量的聲明，但是在聲明之前，我們就已經在代碼中使用了這個變量，然而代碼卻并沒有報錯。這是因為JavaScript有一個非常奇妙的特性——變量聲明提升。

變量聲明提升是指在執行JavaScript代碼時，變量的聲明被提升到了作用域的頂部，但是變量的賦值并不會被提升。這意味著我們可以在變量聲明之前使用這個變量而不會拋出ReferenceError異常。

console.log(a); // undefined
var a = 'Hello World!';

在上面的代碼中，我們在聲明變量a之前使用了它，但是這段代碼不會報錯。當代碼執行時，變量a的聲明會被提升到作用域的頂部，但是它的值仍然是undefined。因此，這段代碼會輸出undefined。

變量聲明提升對于理解JavaScript的作用域是非常重要的。我們可以通過以下代碼來進一步了解作用域及變量聲明提升：

function foo() {
console.log(a); // undefined
var a = 'Hello World!';
console.log(a); // Hello World!
}
foo();

在上面的代碼中，我們聲明了一個函數foo，里面包含了一個變量a的聲明和賦值。當我們調用foo函數時，會分別輸出undefined和Hello World!。這是因為在函數作用域內，變量a的聲明被提升到了函數頂部，但是賦值仍然在原來的位置。因此，在第一個console.log調用時，變量a已經被聲明，但是它的值仍然是undefined。

需要注意的是，只有聲明會被提升，賦值不會被提升。如果在變量聲明之前嘗試訪問變量的值，那么將會收到undefined的回應。例如，在以下代碼中：

console.log(a); // ReferenceError: a is not defined
a = 'Hello World';

在上面的代碼中，我們嘗試輸出變量a的值，但是由于a沒有被聲明，這段代碼會拋出ReferenceError異常。

總之，JavaScript的變量聲明提升是一個非常奇妙的特性。它允許我們在變量聲明之前使用變量，但是需要注意的是，只有聲明會被提升，賦值不會被提升。理解作用域及變量聲明提升對于編寫高質量的JavaScript代碼是非常重要的。