JavaScript ES新特性块级作用域

JavaScript ES新特性：块级作用域

在ES6（ECMAScript 2015）之前，JavaScript中只有全局作用域和函数作用域。ES6引入了块级作用域，使得变量的作用范围可以限定在代码块内部。

块级作用域的定义

块级作用域是指由一对花括号（{}）包裹起来的代码块，例如if语句、for循环、函数等。在块级作用域中声明的变量只在该作用域内部有效，不会影响到外部作用域。

块级作用域的示例

示例一：使用let关键字声明变量

function example1() {
  if (true) {
    let x = 10; // 块级作用域内的变量
    console.log(x); // 输出 10
  }
  console.log(x); // 报错，x未定义
}

example1();

在上面的示例中，变量x使用let关键字在if语句的块级作用域内部声明。在if语句块内部，可以正常访问和使用变量x，输出结果为10。但是在if语句块外部，尝试访问变量x会导致报错，因为x的作用域仅限于if语句块内部。

示例二：使用const关键字声明常量

function example2() {
  if (true) {
    const PI = 3.14159; // 块级作用域内的常量
    console.log(PI); // 输出 3.14159
  }
  console.log(PI); // 报错，PI未定义
}

example2();

在上面的示例中，常量PI使用const关键字在if语句的块级作用域内部声明。在if语句块内部，可以正常访问和使用常量PI，输出结果为3.14159。但是在if语句块外部，尝试访问常量PI会导致报错，因为PI的作用域仅限于if语句块内部。

总结

块级作用域是ES6引入的新特性，通过花括号包裹的代码块可以创建一个独立的作用域。在块级作用域中声明的变量和常量只在该作用域内部有效，不会影响到外部作用域。使用let关键字声明变量和const关键字声明常量可以有效地利用块级作用域。