Javascript——闭包

闭包：

闭包最大的特点：
可以突破生命周期和作用域的限制，也就是时间和空间的控制。

1.突破生命周期的限制是指
当一个外部函数内嵌一个内部函数时，如果内嵌函数引用了外部函数的变量，这个变量就会突破生命周期的限制，在函数结束执行后，仍然存在。
比如在下面闭包的例子中，我们创建了一个计数器，每次加 1，可以记住上一次的值。

function counter() {//外部函数
    let name = "计数器的值";
    let curVal = 0;
    function counting() {//内部函数
        curVal++;//计数每次加1，内部函数引用了外部函数的变量curVal
    }
    function getCount() {//内部函数
        console.log(
            `${name}是${curVal}`
        );
    }
    return {counting,getCount}
}

var counter1 = counter();//通过 counter1 来执行counter外部函数返回的 counting 方法

counter1.counting();  
counter1.counting();  
counter1.counting();  
counter1.getCount();  // 计数器的值是3
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

2.突破作用域的限制是指，
我们可以把一个内部函数返回成一个方法在外部调用。
比如上面代码中，counter 返回的 counting 方法，我们可以通过 counter1 来执行这个方法，从而就突破了 counter 作用域的限制
同样地，我们也可以通过对象来封装一个状态，并且创建一个方法来作用于这个状态值。

var counter = {
    name: "计数",
    curVal: 0,
    counting() {
        this.curVal++;
        console.log(
            `${this.name}是${this.curVal}`
        );
    }
};

counter.counting(); // 计数是1
counter.counting(); // 计数是2
counter.counting(); // 计数是3
1
2
3
4
5
6
7
8
9
10
11
12
13
14