JavaScript作用域详解：全局与局部

"本文档介绍了JavaScript中的作用域概念，包括全局作用域和局部作用域，以及作用域的上下级关系，变量定义和使用机制。" JavaScript的作用域是编程中的核心概念，它规定了变量和函数的可见性和生命周期。理解作用域对于编写高效且无错误的代码至关重要。 1. 全局作用域 全局作用域是最外层的作用域，它在整个脚本或网页中都可访问。在全局作用域中定义的变量可以在任何地方被引用。当页面加载时，浏览器会创建一个全局作用域，通常与`window`对象关联。全局变量在页面关闭前都不会被销毁，这可能导致内存泄漏，因此使用全局变量需谨慎。 ```javascript var num1 = 100; // 全局变量 ``` 2. 局部作用域 局部作用域通常在函数内部创建，它限制了变量的可见性。局部变量只在其所在的函数内部有效，外部无法访问。每个函数都有自己的局部作用域。 ```javascript function fn() { var num2 = 200; // 局部变量，只能在fn函数内部使用 } fn(); // 调用函数 ``` 3. 作用域上下级 变量的定义和使用遵循特定的规则： - 定义机制：变量在哪个作用域内声明，就只能在当前作用域及其下级作用域内使用，上级作用域无法访问。 - 使用机制：查找变量时，首先在当前作用域内查找，若不存在，则向上一级作用域查找，直至全局作用域。如果全局作用域中仍找不到，JavaScript会抛出`ReferenceError`，提示变量未定义。 ```javascript var a = 100; // 全局作用域 function fn() { var b = 200; // 局部作用域 } fn(); console.log(a); // 100 console.log(b); // 报错：b is not defined ``` 4. 函数作用域与块级作用域 JavaScript在ES6之前只有函数作用域，即变量由函数定义，而不是由代码块（如`if`语句或`for`循环）定义。ES6引入了块级作用域，通过`let`和`const`关键字实现，但这些是另一个话题。 5. 闭包（Closure） 闭包是JavaScript中一个重要的特性，它允许函数访问并操作其词法作用域内的变量，即使该函数在其外部被调用。闭包常用于实现私有变量和模块模式。 理解JavaScript的作用域对于编写清晰、可维护的代码至关重要，它可以帮助避免命名冲突、提高代码效率，并有助于管理变量的生命周期。正确使用作用域可以减少全局变量的使用，进而减少潜在的错误和性能问题。