var和let的区别用代码证明

在JavaScript中，`var` 和 `let` 都用于声明变量，但它们有以下几个关键区别：

1. **作用域**:
- `var` 变量的作用域是函数级的，如果在函数内部声明，它在整个函数内有效，不论是否在块级代码中。而 `let` 的作用域仅限于当前块（包括花括号 `{}` 内部），如循环、条件语句等。

function test() {
  if (true) {
    var x = 1; // 函数级别的作用域
    let y = 2; // 块级别的作用域
  }
  console.log(x); // 输出1
  console.log(y); // 报错，因为y在if块外部不可见
}

2. **复用声明**:
- `var` 可以在同一个作用域内多次声明同名变量，后面的会覆盖前面的。`let` 则不允许这样做，一旦声明就确定了。

console.log(x); // undefined
var x = 1;
var x = 2; // 第二个x覆盖了第一个

let y = 1;
let y = 2; // 报错，不允许在同一作用域内声明两次相同的let变量

3. **提升**:
- `var` 声明会被提升到所在作用域的顶部，可以在赋值之前使用，尽管看起来像是先声明再初始化。`let` 不支持这种“hoisting”，所以需要放在声明的位置才能正常使用。

console.log(z); // undefined，因为let z实际上是在for语句开始前执行的，但是let不会提升
for (let z = 0; z < 5; z++) {}
console.log(z); // 0 to 4

综上，`let` 更具现代JavaScript的最佳实践，因为它解决了 `var` 中的一些问题，比如更好的块级作用域和避免意外的变量覆盖。如果你需要创建块级作用域的变量并且希望防止变量提前声明的问题，应该优先选择 `let`。