js var let const的区别

在 JavaScript 中，var、let 和 const 都用于声明变量，但它们之间有一些区别。 1. var：用于声明函数作用域或全局作用域的变量。使用 var 声明的变量可以被重复声明和赋值。如果在函数内部声明，它只在函数内部有效，如果在函数外部声明，则在全局范围内有效。 2. let：用于声明块级作用域的变量。使用 let 声明的变量只能在它所在的代码块内访问。let 声明的变量不能被重复声明，但可以被重新赋值。 3. const：也用于声明块级作用域的变量，但是它声明的变量是常量，一旦被赋值，就不能被重新赋值。const 声明的变量也不能被重复声明。 总的来说，var 声明的变量可以被重复声明和重新赋值，let 声明的变量不能被重复声明，但可以被重新赋值，而 const 声明的变量既不能被重新赋值也不能被重复声明。

### JavaScript 中 `var`、`let` 和 `const` 的区别 #### 1. **作用域** - 使用 `var` 声明的变量具有函数作用域或全局作用域。如果在函数外部声明，则该变量属于全局作用域；如果在函数内部声明，则它仅限于当前函数的作用域[^1]。 - 使用 `let` 或 `const` 声明的变量则具有块级作用域（block scope）。这意味着这些变量仅在 `{}` 所定义的范围内有效，无论是循环体还是条件语句内。 #### 2. **重复声明** - 如果尝试在同一作用域下多次使用 `var` 声明同一个变量名，JavaScript 不会报错，而是覆盖之前的声明[^3]。 - 对于 `let` 而言，在同一作用域中重新声明相同的变量会导致语法错误。 - 同样地，对于 `const` 来说，一旦声明了一个常量，就不能再对该名称进行重新赋值或者再次声明。 #### 3. **初始化需求** - 变量通过 `var` 关键字可以先声明后赋值，甚至不赋初始值也无妨。 - 利用 `let` 定义变量同样允许延迟初始化。 - 然而，采用 `const` 创建的是不可变绑定，因此必须立即赋予固定值，并且后续不能再改变这个值。 #### 4. **变量提升 (Hoisting)** - 当程序运行时，所有由 `var` 声明的变量都会被提前处理并设置为 `undefined` ，这就是所谓的 “变量提升”现象[^2]。 - 相反，那些经由 `let` 或者 `const` 引入的新实体不会经历这样的过程——直到执行流真正到达它们各自的声明处之前都是暂时性的死区(TDZ)，在此期间试图访问未初始化的数据将会抛出 ReferenceError 错误。 ```javascript console.log(xVar); // 输出 'undefined' console.log(xLet); // 抛出 ReferenceError: Cannot access 'xLet' before initialization console.log(xConst); // 抛出 ReferenceError: Cannot access 'xConst' before initialization var xVar = 5; let xLet = 6; const xConst = 7; ``` #### 推荐使用的顺序 基于上述特性差异以及现代编码实践考虑，推荐按照如下优先级选用合适的关键词来完成相应的编程任务： 优先选择 `const` > `let` > `var` 。这是因为尽可能减少不必要的可变状态有助于构建更健壮的应用程序逻辑结构。 --- ### 示例代码展示不同之处 下面是一些简单的例子用来说明这三种方式之间存在的主要差别： ```javascript // var example with function and block scoping issues. function checkScope() { var color = "blue"; if (true){ var color = "green"; console.log('Inside Block:',color); } console.log('Outside Block but Inside Function:',color); } checkScope(); // Both logs will show green because of hoisting within the same functional scope. // let respects block level scopes properly unlike var does here above. for(let i=0;i<3;i++) {setTimeout(() => console.log(i),1);} // This prints numbers from 0 to 2 correctly due to individual copies per iteration created via block scoped variable i declared using let keyword inside loop construct body itself rather than shared single instance across all iterations as would happen had we used var instead there too! try{ const piValue=Math.PI; }catch(err){console.error(`Caught Exception:${err.message}.`)} finally{piValue=3;} // Error thrown since reassignment isn't allowed after first assignment when defining constants through const statement form. ``` ---