JavaScript中的变量提升（Hoisting）将`var`声明和函数声明提前到作用域顶部，允许在声明前使用

变量提升（Hoisting）是JavaScript中的一个特性，它涉及到变量和函数声明的处理方式。在JavaScript中，所有在函数作用域内的变量和函数声明都会被提升到当前作用域的顶部。这意味着你可以在声明之前使用它们。

然而，这只是表面上的现象，实际上，JavaScript引擎并不真的将变量或函数移动到代码的顶部。而是先创建了一个变量或函数的引用，在执行阶段再给它们赋值或定义内容。

有两种类型的变量声明：var、let 和 const。其中，只有var声明的变量会发生变量提升。let 和 const 声明的变量也会经历所谓的“暂时性死区”（Temporal Dead Zone, TDZ），在这个区域内，虽然变量已经声明但还没有初始化，尝试访问这些变量会导致错误。

以下是一个关于变量提升的例子：

console.log(myVar); // 输出: undefined

var myVar = 5;

console.log(myVar); // 输出: 5

在这个例子中，尽管myVar是在console.log之后声明的，但是由于变量提升，这个声明被移到了顶部。因此，第一个console.log输出的是undefined，因为在真正赋值之前，变量已经被声明了。

注意：虽然函数声明也被提升，但函数表达式不会被提升。例如：

console.log(myFunction); // 输出: undefined

// 函数声明被提升
function myFunction() {
   
    console.log('Hello');
}

// 而函数表达式不会被提升
var myOtherFunction = function() {
   
    console.log('World');
};

console.log(myOtherFunction); // 输出: function() {...}

在这个例子中，myFunction是通过函数声明创建的，所以它的声明被提升到了顶部，而myOtherFunction是通过函数表达式创建的，因此不会被提升。