js 变量声明提前

在 JavaScript 中，变量声明会被提升到其所在作用域的顶部，这个现象被称为“变量声明提前”（Hoisting）。

基础概念： 当 JavaScript 代码在执行前，会先进行编译阶段，在这个阶段中，变量和函数声明会被处理并提升到它们所在作用域的顶部。

相关优势： 使得在变量声明之前使用变量成为可能，增加了代码编写的灵活性。

类型： 主要是针对使用 var 关键字声明的变量。使用 let 和 const 声明的变量也存在提升，但会有“暂时性死区”的限制。

应用场景： 在一些需要在声明之前短暂使用变量的特殊逻辑中，但这种用法并不常见且容易引起混淆，一般不推荐。

遇到问题的情况及原因： 可能会导致预期之外的结果。例如，在变量声明前就对其进行赋值操作，可能会得到 undefined 的结果。

示例代码：

console.log(a); // 输出: undefined
var a = 10;

在上述代码中，变量 a 的声明被提升，但是赋值操作没有，所以先打印出 undefined 。

解决方法： 为了避免因变量声明提前导致的混乱和错误，建议始终在作用域的顶部声明变量，并且尽量使用 let 和 const 来声明变量，因为它们具有块级作用域，能更好地控制变量的生命周期和可见性。

let b = 20;
console.log(b); // 输出: 20

使用 let 声明的变量不存在变量声明提前的问题，如果在声明前访问会报错。