JavaScript 基础：变量作用域与提升

在 JavaScript 中，变量的作用域和提升（Hoisting）是两个非常重要的特性。理解它们可以帮助开发者更好地编写代码，并避免潜在的错误。

1. 变量作用域

JavaScript 的变量作用域分为全局作用域、函数作用域和块级作用域。不同的作用域会影响变量的可见性和生命周期。

全局作用域

当变量在任何函数外部声明时，它属于全局作用域。全局变量可以在程序的任何地方访问。

var globalVar = "I am global";function checkGlobal() {  console.log(globalVar); // 输出: I am global}checkGlobal();console.log(globalVar); // 输出: I am global

函数作用域

在函数内部声明的变量只在该函数内有效。这种作用域称为函数作用域。

function funcScope() {  var localVar = "I am local";  console.log(localVar); // 输出: I am local}funcScope();// console.log(localVar); // 报错: localVar is not defined

块级作用域

ES6 引入了 let 和 const 关键字，它们允许在块级（如 {} 内部）定义变量。

if (true) {  let blockVar = "I am block scoped";  console.log(blockVar); // 输出: I am block scoped}// console.log(blockVar); // 报错: blockVar is not defined

2. 变量提升

JavaScript 在执行代码之前会先读取所有的变量声明，并将它们提升到其作用域的顶部。需要注意的是，只有变量的声明会被提升，而初始化不会。

使用 var 的变量提升

console.log(x); // 输出: undefinedvar x = 10;

在上面的例子中，虽然 x 被赋值为 10，但在 console.log(x) 执行时，x 还没有被初始化，因此输出 undefined。

使用 let 和 const 的变量提升

let 和 const 虽然也会被提升，但它们不会被初始化。在声明之前访问它们会导致“暂时性死区”（Temporal Dead Zone, TDZ）。

console.log(y); // 报错: ReferenceError: y is not definedlet y = 20;console.log(z); // 报错: ReferenceError: z is not definedconst z = 30;

通过理解变量作用域和提升，开发者可以写出更清晰、更可靠的 JavaScript 代码。