学习JS闭包以及用法小案例

1.定义
闭包就是能够读取其他函数内部变量的函数。例如在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。
2.作用：
解决函数外部调用函数内部变量的问题

关于闭包问题，需要明确声明变量的作用域：
1.var声明变量
2.let声明局部变量
3.const声明常量
注：

1. const声明的常量只能被赋值一次
2. 当使用var声明的时候。除了函数内部其他地方声明的都是全局变量
3. 当使用let的时候，在{ }内部声明的都是局部变量，在全局状态下声明的才是全局变量
4. 使用var声明变量，会声明提前

作用域链

这里test里面的num打印出来是100
mytest里面打印出来是10

如果定义过多全局变量容易引发全局污染，因此使用闭包保护所定义的内部变量

定义一个测试函数

function test() {
    let num = 100
    function add() {
        num++
    }
    function get() {
        console.log(num)
    }
    return{add,get}
}

如果我们要对test()里面的num进行增加的操作

let obj = test()
obj.add() //num++
obj.get() //101

因为函数暴露给我们的只有add()以及get()方法，所以对num的操作只有这两种

再来看一个例子
**

function makeFunc() {
    var name = "Mozilla";
    function displayName() {
        alert(name);
    }
    return displayName;
}
var myFunc = makeFunc();
myFunc();

**
JavaScript中的函数会形成了闭包。 闭包是由函数以及声明该函数的词法环境组合而成的。该环境包含了这个闭包创建时作用域内的任何局部变量。在本例子中，myFunc 是执行 makeFunc 时创建的 displayName 函数实例的引用。displayName 的实例维持了一个对它的词法环境（变量 name 存在于其中）的引用。因此，当 myFunc 被调用时，变量 name 仍然可用，其值 Mozilla 就被传递到alert中。

下面是一个更有意思的示例 — 一个 makeAdder 函数：

function makeAdder(x) {
  return function(y) {
    return x + y;
  };
}

var add5 = makeAdder(5);
var add10 = makeAdder(10);

console.log(add5(2));  // 7
console.log(add10(2)); // 12

• 在这个示例中，我们定义了 makeAdder(x) 函数，它接受一个参数 x ，并返回一个新的函数。返回的函数接受一个参数
  y，并返回x+y的值。

• 从本质上讲，makeAdder 是一个函数工厂 —
  他创建了将指定的值和它的参数相加求和的函数。在上面的示例中，我们使用函数工厂创建了两个新函数 — 一个将其参数和 5 求和，另一个和 10
  求和。

• add5 和 add10 都是闭包。它们共享相同的函数定义，但是保存了不同的词法环境。在 add5 的环境中，x 为 5。而在 add10
  中，x 则为 10。