JavaScript中Hoisting了什么

在JavaScript中，变量和函数的声明可能会在代码执行之前被处理。这个处理过程叫做Hoisting。在这篇文章中，我们会探讨Hoisting的概念以及它对于JavaScript的影响。

变量Hoisting

在JavaScript中，变量声明和初始化通常是分开的。例如：

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

这个代码片段输出了undefined而不是1。这是因为变量声明被Hoisting了，所以在代码执行之前，a被赋值为undefined。实际上，这段代码会被转化成以下代码：

var a; // Hoisting
console.log(a); // undefined
a = 1;

所以代码的执行顺序必须搞清楚，避免因为变量Hoisting造成的错误。

函数Hoisting

同样的，函数也会被Hoisting。例如：

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

这个代码片段也能正常输出Hello!。函数声明会被Hoisting，所以在代码执行之前，函数foo()已经可以被调用。实际上，这段代码会被转化成以下代码：

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

let和const的Hoisting

与var不同，let和const不会被Hoisting。例如：

console.log(a); // ReferenceError: a is not defined
let a = 1;

这个代码片段会抛出错误，因为let声明的变量不会被Hoisting。要想避免这种错误，变量必须先声明再使用。

总结

在JavaScript中，Hoisting是一个重要的概念，可以让我们在代码执行之前处理变量和函数的声明。但同时也容易造成代码的不确定性和错误，所以在编写代码的时候，务必要注意Hoisting的影响。