7. 了解JSA中的闭包和作用域规则
在JavaScript的世界里，闭包和作用域是两位重要的角色，它们共同构建了一个复杂而精妙的宇宙。今天，我们将深入探讨这两个概念，以及它们如何在JavaScript中相互作用。
1. 作用域（Scope）是什么？
首先，让我们来定义一下作用域。在编程语言中，作用域指的是变量可以被访问的一块区域。简单来说，每个变量都有它自己的“家”，这个家决定了变量可以被谁看到、使用或修改。JavaScript中的作用域主要分为全局和局部两种。
全局作用域
全局作用域是最顶层的一个空间，其中定义的任何变量都是全局可见的，即使是在不同的函数内部也能访问到这些变量。这就是为什么你经常会听到说“global”或者“window”对象上的属性和方法在整个脚本中都可以使用。
var globalVar = "这是一个全局变量";
function test() {
console.log(globalVar); // 输出：这是一个全局变量
}
test();
局部(函数)作用域
当你定义一个函数时，你创建了一块新的、独立于其他代码的空间，这个空间称为函数内嵌套或封闭功能性（Closure）。这个新环境包含了它所创建的一系列标识符，也就是说，在这个环境内声明的所有数据都是私有的，不会影响外部环境。
function outer() {
var outerVar = "这是外部环境";
function inner() {
var innerVar = "这是内部环境";
console.log(outerVar); // 输出：这是外部环境
console.log(innerVar); // 输出：undefined (如果不是严格模式)
}
return inner;
}
var funcToCall = outer();
funcToCall(); //输出：
2. 闭包（Closure）的概念与应用
现在让我们讲讲闭包。闭包是一个特殊类型的地方，它允许对嵌套范围内非全局对象进行引用，并且即使当那个范围已被销毁后也保持对其引用的能力。这意味着，当你调用一个返回另一个函数并保存该返回值时，那么即使原始上下文已经消失，该返回值仍然能够继续工作，因为它持有对原始上下文某些部分引用的信息。
Closures in JavaScript Applications
Closures are incredibly useful in many scenarios, including data hiding and encapsulation, event handling, and creating private variables for a class-like structure.
例如：
function createCounter() {
let count = 0;
return function () {
count++;
return count;
};
}
const counter1 = createCounter(),
counter2 = createCounter();
console.log(counter1()); // Output: 1
console.log(counter2()); // Output: 1
console.log(counter1()); // Output: 2
console.log(counter2()); // Output: 2
Here, we have created two counters with the same initial value of zero. Each time we call counter1() or counter2(), they both increment their respective internal state variable (count), demonstrating that each closure maintains its own separate state even though they share the same initial value.
In summary, understanding closures is crucial to writing clean and efficient code in JavaScript as it allows us to hide implementation details while still exposing necessary functionality through public APIs.
