js的 var let const 的区别

在JavaScript中，var、let 和 const 是用于声明变量的三种关键字，但它们之间在作用域、提升（hoisting）、重复声明以及重新赋值等方面存在明显的区别。

1. 作用域

• var：var声明的变量具有函数作用域或全局作用域，取决于其声明的位置。在函数内部声明的var变量是局部变量，在函数外部声明的var变量是全局变量。
• let 和 const：let和const声明的变量具有块级作用域（block scope），即它们的作用域被限制在声明它们的块（通常是大括号{}内的代码块）中。

2. 提升（Hoisting）

• var：使用var声明的变量会被提升（hoisting）到其所在作用域的顶部，但是初始化（赋值）不会被提升，只会将声明提升到顶部。
• let 和 const：let和const声明的变量不会被提升，这意味着在声明之前访问它们会导致一个引用错误（ReferenceError）。

3. 重复声明

• var：可以在同一作用域内多次声明同一个var变量，但后面的声明会覆盖前面的声明（只考虑声明，不考虑初始化）。
• let 和 const：let和const不允许在同一作用域或同一块内重复声明同一个变量，否则会抛出语法错误（SyntaxError）。

4. 重新赋值

• var 和 let：var和let声明的变量都可以被重新赋值。
• const：const声明的变量必须被初始化（即必须立即赋值），并且一旦被赋值后，其值就不能被改变（如果值是一个对象，对象的属性是可以被修改的，但对象的引用不能被改变）。

示例

// var 示例  
if (true) {  
    var x = 'Hello';  
    console.log(x); // Hello  
}  
console.log(x); // Hello，因为var声明的变量具有函数作用域，这里是在全局作用域中访问  
  
// let 示例  
if (true) {  
    let y = 'World';  
    console.log(y); // World  
}  
// console.log(y); // 引用错误，因为y的作用域仅限于if块内  
  
// const 示例  
const z = '!';  
// z = '??'; // 抛出TypeError，因为const变量的值不能改变  
z.length = 10; // 不会抛出错误，但也不会影响z的值，因为字符串是不可变的  
console.log(z); // !  
  
// 尝试重复声明  
// let y = 10; // 抛出SyntaxError，因为y已经在同一作用域内被let声明过了  
// const z = 'new value'; // 抛出SyntaxError，因为const变量不能被重新声明

总之，let和const是ES6中引入的，它们提供了比var更清晰的变量作用域和更严格的错误检查，是现代JavaScript编程中推荐使用的声明方式。