js var let const的区别

js var let const的区别

在JavaScript中，变量是用来存储数据值的标识符。在ES6以前，我们通常使用var关键字来声明变量，但是随着ES6的推出，又引入了let和const来声明变量。这三种声明变量的方式有不同的作用域和使用规则，下面我们来详细了解它们之间的区别。

var

var是在ES5时引入的声明变量的关键字，它存在一些问题，因此在ES6中提出了let和const来解决这些问题。var声明的变量在整个函数作用域内都是可见的，即使在声明之前也可以访问到。

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

上面的代码中，虽然在声明之前打印了变量x，但是不会报错，因为var声明的变量会被提升到函数作用域的顶部。

另外，使用var声明的变量可以被多次赋值。

var y = 5;
y = 10;
console.log(y); // 10

let

let是ES6中新增的声明变量的关键字，它的作用域是块级作用域，变量只在当前块级作用域内有效。

function foo() {
  if (true) {
    let z = 20;
    console.log(z); // 20
  }
  console.log(z); // Uncaught ReferenceError: z is not defined
}
foo();

上面的代码中，变量z是用let声明的，只在if语句块内有效，在外部无法访问到。这就避免了使用var时可能会导致的作用域污染问题。

此外，使用let声明的变量不会被提升到作用域的顶部。

console.log(a); // Uncaught ReferenceError: a is not defined
let a = 100;

const

const也是ES6中新增的声明变量的关键字，它用来声明常量，即一旦赋值就不能被修改的变量。和let一样，const也是块级作用域。

const PI = 3.14;
PI = 3.14159; // Uncaught TypeError: Assignment to constant variable.

上面的代码中，常量PI被赋值后尝试修改其值会导致错误。因此，在使用const声明变量时，一定要注意不能再次赋值。

需要注意的是，const声明的变量必须在声明时就进行初始化。

const birthday; // Uncaught SyntaxError: Missing initializer in const declaration

总结

总的来说，var在ES6中已经很少使用了，因为它存在变量提升和作用域问题。而let和const很好地解决了这些问题，提供了更好的代码可读性和健壮性。在日常编程中，推荐使用let和const来声明变量，根据需要选择let用于可变变量，const用于常量。