JS中var和let的区别

1.作用域：使用var声明的变量具有函数作用域，而使用let声明的变量具有块级作用域。

function example() {
  if (true) {
    var x = 10;
    let y = 20;
  }

  console.log(x); // 输出 10，因为 var 具有函数作用域
  console.log(y); // 报错，因为 let 具有块级作用域
}

在上面的例子中，x通过var声明的，在函数内部可见。而y通过let声明的，在块级作用域内定义，超出该块级作用域后就不可访问。

2.变量提升：使用var声明的变量存在变量提升，可以在声明之前访问，但值为undefined。而使用let声明的变量没有变量提升，必须在声明之后才能访问。

console.log(x); // 输出 undefined
console.log(y); // 报错 ReferenceError: y is not defined

var x = 10;
let y = 20;

在上面的例子中，虽然x在声明之前被访问到了，但其值是undefined。而尝试访问y时会导致引用错误，因为let声明的变量没有变量提升。

3.重复声明：使用var可以多次声明同一个变量，而使用let在同一作用域内重复声明相同的变量会导致语法错误。

var x = 10;
var x = 20; // 合法

let y = 30;
let y = 40; // 报错 SyntaxError: Identifier 'y' has already been declared

在上述例子中，var关键字允许重复声明变量x，但用let声明时会导致语法错误。

总之，let和var都可以用于声明变量，但它们在作用域、变量提升和重复声明等方面存在一些差异。根据需要选择合适的关键字来声明变量。通常推荐使用let来避免变量提升和块级作用域的问题。