变量定义那些事儿：var、let 和 const 有什么区别？

一、作用域

在讨论定义之前，我们先来谈谈作用域。作用域主要分为函数作用域和块级作用域。

1. 函数作用域

函数作用域是指函数内部。在函数内部定义的变量在函数外部无法访问。例如：

function myFunction() {
  var x = 10;
}

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

2. 块级作用域

块级作用域是指由大括号 { } 定义的代码块。在块级作用域中定义的变量只在这个代码块中有效。例如：

{
  let y = 20;
}

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

二、var、let 和 const

1. var

var 是 JavaScript 中最传统的变量定义方式。它没有块级作用域的概念，这意味着在函数或代码块中使用 var 定义的变量可以在函数或代码块的任何地方访问。例如：

var z = 30;

if (true) {
  var z = 40;
}

console.log(z); // 40

需要注意的是，var 存在一个问题，即变量提升（variable hoisting）。变量提升是指在 JavaScript 执行代码之前，会将所有 var 声明的变量提升到函数或代码块的顶部。这意味着在使用 var 声明的变量之前，该变量可能已经存在了。例如：

console.log(a); // undefined

var a = 50;

2. let

let 是 ES6 中引入的变量定义方式。它具有块级作用域，这意味着在代码块中使用 let 定义的变量只能在这个代码块中访问。例如：

let b = 60;

if (true) {
  let b = 70;
}

console.log(b); // 60

let 不存在变量提升的问题，这意味着在使用 let 声明的变量之前，该变量必须已经存在。例如：

console.log(c); // ReferenceError: c is not defined

let c = 80;

3. const

const 也是 ES6 中引入的变量定义方式。它与 let 类似，也具有块级作用域，但它有一个重要的区别：const 声明的变量的值一旦被赋值，就不能再被改变。例如：

const d = 90;

d = 100; // TypeError: Assignment to constant variable.

三、总结

var、let 和 const 是 JavaScript 中定义变量的三个。它们的主要区别在于作用域和变量提升。

特征	var	let	const
作用域	函数作用域	块级作用域	块级作用域
变量提升	存在	不存在	不存在
值的可变性	可变	可变	不可变

四、使用建议

在实际编程中，我们应该根据不同的情况选择不同的变量定义方式。

• 如果需要在函数或代码块的任何地方访问变量，可以使用 var。
• 如果需要在代码块中访问变量，并且不希望出现变量提升，可以使用 let。
• 如果需要在代码块中访问变量，并且希望该变量的值不能被改变，可以使用 const。