Let 和 var 有什么区别

在JavaScript中，let和var都可用于声明变量，但它们之间存在几个关键的区别：

1. 作用域：
   • var声明的变量拥有函数作用域，如果在函数之外声明，则为全局作用域。
   • let声明的变量拥有块级作用域（block scope），即只在其声明的块或子块中有效。

例子：

javascript
function varTest() {
  if (true) {
    var x = 2;
  }
  console.log(x); // 输出2，因为x在整个函数中都是可见的
}

function letTest() {
  if (true) {
    let y = 2;
  }
  console.log(y); // 引发错误，y不可见，因为它只在if块中有效
}

1. 变量提升：
   • var声明的变量会被提升至函数或全局作用域的顶部，但是在执行到声明语句之前，变量的值是undefined。
   • let声明的变量也存在提升，但不会被初始化。在代码执行到声明语句之前，它不可以被访问，这个区间称为“暂时性死区”（temporal dead zone）。

例子：

javascript
console.log(a); // 输出undefined，因为var声明的变量被提升了
var a = 3;

console.log(b); // 引发ReferenceError错误，因为此时b还在暂时性死区
let b = 4;

1. 重复声明：
   • 使用var声明变量时，可以在同一作用域中重复声明同一个变量而不会出错。
   • 使用let声明变量时，不允许在相同作用域内重复声明同一个变量。

例子：

javascript
var c = 1;
var c = 2; // 有效，不会出错

let d = 1;
let d = 2; // 无效，会引发SyntaxError错误

1. 全局对象的属性：
   • 在全局作用域中，用var声明变量会创建一个新的全局对象的属性。
   • 用let在全局作用域中声明变量不会在全局对象中添加属性。

例子：

javascript
var e = 5; // 在浏览器中，window.e将会是5
let f = 5; // 在浏览器中，window.f将是undefined

总结来说，let提供了比var更严格的作用域控制，是ES6引入的，以解决var引起的一些作用域问题并提供更好的代码管理方式。在现代JavaScript编程中，一般推荐使用let（和const）来代替var。