const let var的区别

const, let, 和 var 是 JavaScript 中用来声明变量的关键字，它们有一些重要的区别：

1. var:

   • var 是在 ES5 及之前的 JavaScript 版本中引入的关键字。
   • 它声明的变量是函数作用域（function-scoped），而不是块作用域（block-scoped）。这意味着变量在声明它的函数体内始终是可见的，而不管其声明位置是在函数的哪个位置。
   • 如果在函数内使用 var 声明一个变量，在函数体内的任何位置都可以访问该变量。

     function example() {
         if (true) {
             var x = 10;
         }
         console.log(x); // 10，var 声明的 x 变量在函数体内都可见
     }
     

2. let:

   • let 是在 ES6（ES2015）中引入的关键字。
   • 它声明的变量是块作用域（block-scoped），即在 {} 内部声明的变量只在该块作用域内有效，出了这个块作用域就无法访问。
   • 使用 let 声明的变量不会被提升（hoisted），这意味着在声明之前访问该变量会导致 ReferenceError。

     function example() {
         if (true) {
             let y = 20;
         }
         console.log(y); // ReferenceError: y is not defined，let 声明的 y 只在 if 块内有效
     }
     

3. const:

   • const 也是在 ES6 中引入的关键字。
   • 它声明一个常量，常量的值在声明后不能被重新赋值。
   • 声明的常量同样是块作用域（block-scoped）的。
   • 声明时必须同时初始化常量。

   function example() {
       const z = 30;
       z = 40; // TypeError: Assignment to constant variable，const 声明的常量值不能被重新赋值
   }
   

总结：

• 使用 var 声明的变量是函数作用域的，可以在函数体内任何位置访问。
• 使用 let 声明的变量是块作用域的，只能在块内部访问。
• 使用 const 声明的常量也是块作用域的，且其值不能被重新赋值。

在现代的 JavaScript 编程中，推荐尽可能使用 const 和 let 来声明变量和常量，以避免因变量提升和作用域混淆而导致的潜在问题。