JavaScript 基础：深入理解 var、let、const

JavaScript 语言基础的第三章，除了新增的 Symbol 类型之外，还包含了几个「坑」，尤其是 var、let、const 三个变量声明，往往是面试中的热门话题。在本文中，我们将深入探索这些变量声明关键字，弄清楚它们之间的区别和应用场景，帮助你在面试和实际项目开发中游刃有余。

变量声明：var、let、const

在 JavaScript 中，变量声明可以通过 var、let 和 const 三个关键字来实现。这三个关键字之间存在着显著的区别：

• var： 古老的变量声明关键字，其声明的变量具有全局或函数作用域，允许在声明之前访问（称为「变量提升」）。
• let： 新引入的变量声明关键字，其声明的变量具有块级作用域，只在声明所在的块级作用域内有效，不允许在声明之前访问。
• const： 用于声明常量，其声明的变量的值在声明后不可更改。

作用域和块级作用域

JavaScript 中的变量作用域决定了变量可以在哪些代码块中访问。作用域可以分为全局作用域和局部作用域，局部作用域又可以细分为函数作用域和块级作用域。

• 全局作用域： 由 var 声明的变量具有全局作用域，可以在代码中的任何地方访问。
• 函数作用域： 由 var 声明的变量具有函数作用域，只能在声明所在的函数内访问。
• 块级作用域： 由 let 和 const 声明的变量具有块级作用域，只能在声明所在的块级作用域内访问，例如 if、for、while 等代码块。

暂时性死区

暂时性死区是指在 let 和 const 声明的变量在进入块级作用域之前的一段代码区域，该区域内无法访问这些变量。这段区域从变量声明所在行的行首开始，直到变量声明所在行结束。

例如：

if (true) {
  // 暂时性死区
  console.log(x); // 报错
  let x = 10;
}

闭包

闭包是指在函数内定义的函数，它可以访问函数外部的变量。闭包经常用于模拟私有变量和方法，以及实现事件监听器等功能。

例如：

const createCounter = () => {
  let count = 0;
  return () => {
    count++;
    return count;
  };
};

const counter1 = createCounter();
const counter2 = createCounter();
console.log(counter1()); // 1
console.log(counter2()); // 1

总结

var、let、const 三个变量声明关键字是 JavaScript 中的基础知识，它们之间的区别和应用场景对于理解 JavaScript 代码的执行和作用域至关重要。通过本文的深入讲解，相信你对 JavaScript 基础的理解又进了一步。

在实际的项目开发和面试中，灵活运用 var、let、const 可以让你编写出更清晰、更健壮的代码，提升代码质量和可维护性，为你的职业发展奠定坚实的基础。