当我们在使用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代码是非常重要的。