变量提升 js

在 JavaScript 中，变量提升（Hoisting）是指在代码执行之前，JavaScript 引擎会将变量和函数声明移动到其所在作用域的顶部。

基础概念： 当声明一个变量或函数时，JavaScript 会在内存中预留空间，而变量提升就是让这些声明提前，但初始化（赋值）留在原地。

优势： 使得代码编写更灵活，允许先使用后声明变量或函数（在一定范围内）。

类型：

1. 变量提升：包括使用 var 声明的变量。
2. 函数提升：包括函数声明和函数表达式（只有声明部分提升）。

应用场景： 在一些特定的逻辑中，可以利用变量提升来实现一些特殊的效果，但一般不推荐过度依赖，以免造成代码难以理解和维护。

常见问题及原因： 可能会导致预期之外的结果。比如在变量声明前就使用变量，得到的是 undefined 而不是报错。

示例：

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

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

解决方法： 尽量在使用变量之前进行声明和初始化，避免依赖变量提升带来的不确定性。使用 let 和 const 关键字声明变量，它们存在暂时性死区，不会被提升。

例如：

console.log(b); // ReferenceError: Cannot access 'b' before initialization
let b = 20;

使用 let 和 const 能使代码的行为更加可预测和易于理解。