JavaScript 提升如何在内部工作？

JavaScript 提升是在执行代码之前，JavaScript 引擎解析代码并将变量和函数声明提升到它们作用域的顶部。虽然提升会给程序员带来便利，但也可能导致一些不可预料的行为。在此处，我们将探讨 JavaScript 提升如何在内部工作。

变量提升

在 JavaScript 中，变量的声明会被提升到其作用域的顶部。例如：

console.log(myVar); // 输出 undefined
var myVar = 'Hello World!';
console.log(myVar); // 输出 'Hello World!'

在这个例子中，变量 myVar 的声明会在程序执行之前被提升到了作用域的顶部。由于变量赋值操作是在声明之后的，因此第一个 console.log() 输出的是 undefined。

这种行为可以被看作是 JavaScript 引擎在解析代码时将该变量提升到了作用域的顶部。

函数提升

虽然函数和变量的声明都会被提升，但函数声明的优先级更高。也就是说，函数声明会覆盖变量声明。例如：

console.log(myFunc); // 输出 函数定义
var myFunc = 1;

function myFunc() {
  console.log('函数定义');
}

console.log(myFunc); // 输出 1

在这个例子中，尽管变量 myFunc 被先声明，但后来的函数声明将其覆盖了。这种情况可以被视为函数声明中的语句被提升到了该作用域的顶部。

需要注意的是，函数的提升并不会提升函数表达式。例如：

console.log(myFunc); // 输出 undefined
var myFunc = function() {
  console.log('函数表达式');
}
console.log(myFunc); // 输出 函数表达式

在这个例子中，由于函数定义是通过函数表达式进行的，并不会被提升到作用域的顶部。因此第一个 console.log() 输出的是 undefined。

结论

JavaScript 提升是一种在执行代码之前，将声明提升到作用域的顶部的行为。尽管提升会带来便利，但程序员还是应该注意变量和函数声明的顺序，以免产生不必要的错误。