独家解析：var、let、const 的异同，彻底厘清 JavaScript 变量声明！

在 JavaScript 中，var、let 和 const 是三种用于声明变量的，它们之间存在着一些关键区别。下面，我们将详细介绍它们的异同。

变量作用域

作用域是指变量可被访问的区域。var 声明的变量具有函数级作用域，这意味着它们只能在声明它们的函数内部访问。let 和 const 声明的变量具有块级作用域，这意味着它们只能在声明它们的代码块内部访问。

举个例子，考虑以下代码：

function foo() {
  var x = 10;
  let y = 20;
  const z = 30;
}

console.log(x); // Uncaught ReferenceError: x is not defined
console.log(y); // Uncaught ReferenceError: y is not defined
console.log(z); // Uncaught ReferenceError: z is not defined

在这个例子中，变量 x 是使用 var 声明的，因此它具有函数级作用域。这意味着它只能在函数 foo() 内部访问。变量 y 和 z 是使用 let 和 const 声明的，因此它们具有块级作用域。这意味着它们只能在声明它们的代码块内部访问。因此，当我们尝试在函数 foo() 外部访问这些变量时，会引发 ReferenceError。

变量提升

变量提升是指在执行代码之前，将变量声明提升到代码的顶部。var 声明的变量会提升到函数的顶部，而 let 和 const 声明的变量会提升到代码块的顶部。

举个例子，考虑以下代码：

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

console.log(y); // ReferenceError: y is not defined
let y = 20;

console.log(z); // ReferenceError: z is not defined
const z = 30;

在这个例子中，变量 x 是使用 var 声明的，因此它会提升到函数的顶部。因此，当我们尝试在变量 x 被声明之前访问它时，它被赋予了 undefined 值。变量 y 和 z 是使用 let 和 const 声明的，因此它们会提升到代码块的顶部。因此，当我们尝试在变量 y 和 z 被声明之前访问它们时，会引发 ReferenceError。

变量赋值

var 声明的变量可以重新赋值，而 let 和 const 声明的变量不能重新赋值。

举个例子，考虑以下代码：

var x = 10;
x = 20;

let y = 20;
y = 30; // TypeError: Assignment to constant variable.

const z = 30;
z = 40; // TypeError: Assignment to constant variable.

在这个例子中，变量 x 是使用 var 声明的，因此它可以重新赋值。变量 y 和 z 是使用 let 和 const 声明的，因此它们不能重新赋值。当我们尝试重新赋值变量 y 和 z 时，会引发 TypeError。

变量类型

var 声明的变量可以是任何类型，而 let 和 const 声明的变量只能是特定类型。

举个例子，考虑以下代码：

var x; // undefined
let y; // undefined
const z; // SyntaxError: Missing initializer in const declaration

在这个例子中，变量 x 是使用 var 声明的，因此它可以是任何类型。变量 y 是使用 let 声明的，因此它只能是 undefined。变量 z 是使用 const 声明的，因此它必须在声明时初始化。否则，会引发 SyntaxError。

结论

var、let 和 const 是 JavaScript 中用于声明变量的三种关键字，它们之间存在着一些关键区别。var 声明的变量具有函数级作用域，可以重新赋值，可以是任何类型。let 声明的变量具有块级作用域，不能重新赋值，只能是 undefined。const 声明的变量具有块级作用域，不能重新赋值，必须在声明时初始化。