什么是块级作用域

“let” 和 “const” 是 ES6 (ECMAScript 2015) 引入的关键字，用于声明变量。它们与 “var” 不同之处在于它们具有块级作用域。

块级作用域的意思是，在使用 “let” 或 “const” 声明的变量被限定在当前代码块内部有效，超出当前代码块范围后就无法访问。而使用 “var” 声明的变量则具有函数作用域或全局作用域，在函数内部声明的变量在整个函数内都是可见的。

具体来说，当你使用 “let” 或 “const” 声明一个变量时，它们的作用域被限定在最近的包含代码块（花括号 {}）内部。这意味着只有在声明变量的代码块内部，或者是该代码块嵌套的内部代码块中，才能访问该变量。

示例代码：

function example() {
  if (true) {
    let x = 10;
    const y = 20;
    console.log(x); // 输出 10
    console.log(y); // 输出 20
  }
  console.log(x); // 报错，x 只在 if 代码块内部可见
  console.log(y); // 报错，y 只在 if 代码块内部可见
}

example();

在上面的代码中，变量 “x” 和 “y” 是在 if 代码块内部使用 “let” 和 “const” 声明的，因此它们只在 if 代码块内部有效，超出 if 代码块范围后无法访问。

这种块级作用域的限制有助于更好地控制变量的可见性，避免变量泄漏和冲突，提高代码的可读性和可维护性。