var 、let、 const的区别是什么?

　　var、let和const是JavaScript中用于声明变量的关键字，它们之间有一些重要的区别，包括作用域、变量提升、可变性和重复声明等方面。以下是它们的详细区别：

　　1.作用域：

　　·var：var声明的变量存在函数作用域或全局作用域，这意味着它们在声明它们的函数内部可见，而不在块级作用域内可见。

　　·let和const：let和const声明的变量存在块级作用域，这意味着它们在声明的块内可见，例如，if语句、循环或花括号内的代码块。

function example() {
  if (true) {
    var a = 10; // 在函数作用域内可见
    let b = 20; // 在块级作用域内可见
  }
  console.log(a); // 10
  console.log(b); // 报错，b 未定义
}

　　2.变量提升：

　　·var：var声明的变量会被提升到它们所在作用域的顶部，但初始化的值不会提升。

　　·let和const：let和const声明的变量也会被提升，但它们不会被初始化。这意味着在声明之前访问它们会导致暂时性死区(Temporal Dead Zone，TDZ)错误。

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

console.log(b); // 报错，b 在 TDZ 中
let b = 20;

　　3.可变性：

　　·var：var声明的变量可以被多次赋值，并且可以在同一作用域内重复声明。

　　·let：let声明的变量可以被多次赋值，但不允许在同一作用域内重复声明。

　　·const：const声明的变量必须被初始化，并且不能被重新赋值，但对象和数组等复杂类型的内容可以被修改。

var x = 10;
x = 20; // 合法
var x = 30; // 合法，但不推荐

let y = 10;
y = 20; // 合法
let y = 30; // 报错，重复声明

const z = 10;
z = 20; // 报错，不能重新赋值
const w = [1, 2, 3];
w.push(4); // 合法，但对象内容可以修改

　　4.全局对象属性：

　　·var声明的变量会成为全局对象的属性(在浏览器环境中通常是 window 对象)。

　　·let和const不会成为全局对象的属性。

var globalVar = 10;
console.log(window.globalVar); // 10

let localVar = 20;
console.log(window.localVar); // undefined

　　5.适用场景：

　　·var在ES6之前是唯一的声明关键字，但由于它的一些问题，现在通常不推荐使用。

　　·let通常用于需要重新赋值的变量。

　　·const通常用于不需要重新赋值的常量。

　　综上所述，推荐在现代JavaScript中使用let和const来替代var，因为它们提供了更好的作用域控制、避免了变量提升和更严格的可变性规则。选择哪个关键字取决于变量是否需要重新赋值。