在ES6（ECMAScript 2015）中，作用域（Scope）是指变量、函数和对象在代码中的可访问范围。ES6 引入了新的作用域规则，除了传统的全局作用域和函数作用域外，还新增了块级作用域。以下是 ES6 中的主要作用域类型：
1. 全局作用域（Global Scope）
全局作用域是指在代码的最外层定义的变量或函数，它们在整个程序中都可以访问。
var globalVar = "I am global"; // 全局作用域
function foo() {
console.log(globalVar); // 可以访问全局变量
}
foo(); // 输出: I am global-
在浏览器中，全局作用域的变量会挂载到
window对象上。 -
在 Node.js 中，全局作用域的变量会挂载到
global对象上。
2. 函数作用域（Function Scope）
函数作用域是指在函数内部定义的变量或函数，它们只能在函数内部访问。
function bar() {
let localVar = "I am local"; // 函数作用域
console.log(localVar); // 可以访问局部变量
}
bar(); // 输出: I am local
console.log(localVar); // 报错: localVar is not defined-
使用
var声明的变量具有函数作用域。 -
函数作用域在 ES6 之前是 JavaScript 的主要作用域规则。
3. 块级作用域（Block Scope）
块级作用域是 ES6 引入的新特性，由 let 和 const 声明的变量具有块级作用域。块级作用域是指由 {} 包围的代码块（如 if、for、while 等）。
if (true) {
let blockVar = "I am block-scoped"; // 块级作用域
console.log(blockVar); // 可以访问块级变量
}
console.log(blockVar); // 报错: blockVar is not defined-
块级作用域使得变量只在当前代码块内有效，避免了变量泄露到外部作用域。
-
let和const声明的变量具有块级作用域，而var声明的变量不具有块级作用域。
4. 模块作用域（Module Scope）
ES6 引入了模块化（import 和 export），模块作用域是指在一个模块中定义的变量或函数默认是私有的，不会污染全局作用域。
// module.js
let moduleVar = "I am module-scoped"; // 模块作用域
export function sayHello() {
console.log(moduleVar);
}
// main.js
import { sayHello } from './module.js';
sayHello(); // 输出: I am module-scoped
console.log(moduleVar); // 报错: moduleVar is not defined-
模块作用域使得代码可以更好地组织和封装，避免命名冲突。
5. 词法作用域（Lexical Scope）
词法作用域是指变量的作用域在代码编写时就已经确定，而不是在运行时确定。JavaScript 采用的是词法作用域。
let outerVar = "I am outer";
function outerFunction() {
let innerVar = "I am inner";
function innerFunction() {
console.log(outerVar); // 可以访问外部作用域的变量
console.log(innerVar); // 可以访问父函数作用域的变量
}
innerFunction();
}
outerFunction();6. 动态作用域（Dynamic Scope）
JavaScript 本身并不支持动态作用域，但可以通过 this 或 eval 模拟动态作用域的行为。动态作用域是指变量的作用域在运行时确定。
function dynamicScope() {
console.log(this.value); // 动态作用域，this 的值在运行时确定
}
dynamicScope.call({ value: "I am dynamic" }); // 输出: I am dynamic总结
ES6 中的主要作用域包括：
-
全局作用域：最外层作用域，变量在整个程序中可访问。
-
函数作用域：函数内部的作用域，变量只在函数内可访问。
-
块级作用域：由
{}包围的代码块，let和const声明的变量只在块内可访问。 -
模块作用域：模块内部的作用域，变量默认私有，不会污染全局。
-
词法作用域：作用域在代码编写时确定，是 JavaScript 的默认行为。
-
动态作用域：JavaScript 本身不支持，但可以通过
this或eval模拟。
这些作用域规则使得 JavaScript 的变量管理更加灵活和安全，尤其是在大型项目中，可以有效避免变量冲突和污染。