什么是块级作用域？-JavaScript中文网-JavaScript教程资源分享门户

推荐答案

块级作用域是指在代码块（通常由 {} 包围）内声明的变量或常量，其作用范围仅限于该代码块内部。在块级作用域中声明的变量或常量，在代码块外部是不可访问的。

在 ES6 之前，JavaScript 只有全局作用域和函数作用域，没有块级作用域。ES6 引入了 let 和 const 关键字，使得变量和常量可以在块级作用域中声明。

if (true) {
  let x = 10;
  const y = 20;
  console.log(x); // 10
  console.log(y); // 20
}
console.log(x); // ReferenceError: x is not defined
console.log(y); // ReferenceError: y is not defined

在上面的例子中，x 和 y 只在 if 语句的块级作用域内有效，外部无法访问。

本题详细解读

1. 块级作用域的概念

块级作用域是指由 {} 包围的代码块内部的作用域。在块级作用域中声明的变量或常量，其作用范围仅限于该代码块内部。块级作用域的出现使得变量的作用域更加清晰，避免了变量污染和意外覆盖的问题。

2. `let` 和 `const` 的作用

在 ES6 之前，JavaScript 使用 var 声明变量，var 声明的变量具有函数作用域或全局作用域，而没有块级作用域。ES6 引入了 let 和 const，它们声明的变量和常量具有块级作用域。

let 用于声明可变的变量。
const 用于声明不可变的常量。

{
  let a = 1;
  const b = 2;
  console.log(a); // 1
  console.log(b); // 2
}
console.log(a); // ReferenceError: a is not defined
console.log(b); // ReferenceError: b is not defined

3. 块级作用域与 `var` 的区别

使用 var 声明的变量没有块级作用域，只有函数作用域或全局作用域。这意味着在块级作用域内使用 var 声明的变量，在块级作用域外部仍然可以访问。

{
  var c = 3;
  console.log(c); // 3
}
console.log(c); // 3

4. 块级作用域的应用场景

块级作用域在以下场景中非常有用：

避免变量污染：在循环或条件语句中使用块级作用域可以避免变量污染。
提高代码可读性：块级作用域使得变量的作用范围更加清晰，提高了代码的可读性。
防止变量提升：let 和 const 声明的变量不会发生变量提升，避免了意外的行为。

for (let i = 0; i < 5; i++) {
  setTimeout(function() {
    console.log(i); // 0, 1, 2, 3, 4
  }, 100);
}

在上面的例子中，let 声明的 i 具有块级作用域，每次循环都会创建一个新的 i，因此 setTimeout 回调函数中输出的 i 是正确的值。

5. 块级作用域的注意事项

暂时性死区（Temporal Dead Zone, TDZ）：在块级作用域中，使用 let 或 const 声明的变量在声明之前是不可访问的，这一区域称为暂时性死区。

console.log(d); // ReferenceError: d is not defined
let d = 4;

重复声明：在同一个块级作用域中，不能重复声明同一个变量。

let e = 5;
let e = 6; // SyntaxError: Identifier 'e' has already been declared

通过理解块级作用域的概念和应用，可以更好地编写出结构清晰、易于维护的 JavaScript 代码。

什么是块级作用域？