​持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第10天，点击查看活动详情

闭包的理解

1、啥是闭包？

在JavaScript中，根据词法作用域的规则，内部函数总是可以访问其外部函数声明的变量；当调用通过外部函数返回的内部函数时，即使此时外部函数已经执行结束，但是内部函数所引用外部函数的变量依然保存在内存中，这些变量统称闭包

2、闭包产生

当函数存在对其所在词法作用域的引用，而该函数被拿到当前词法作用域外执行，此时就产生了闭包

3、工作场景

1.return一个函数，函数内存在对上级作用域的引用

2.函数作为参数

`var a = '1号'`
​
`function foo(){`
​
    var a = 'foo'
​
    function fo(){
​
        console.log(a);
​
    }
​
    return fo
​
`}`
​
`function f(p){`
​
    var a = 'f'
​
    p()
​
`}`
​
`f(foo())`

4.IIFE自执行函数

5.定时器、事件监听器、Ajax请求、跨窗口通信、Web Workers和任何其他的异步（或同步）任务中，只要使用了回调函数，实际上就是在使用闭包

（tips：

​ IIFE自执行函数

​ 这是一个被称为 自执行匿名函数 的设计模式，主要包含两部分。第一部分是包围在 圆括号运算符 () 里的一个匿名函数，这个匿名函数拥有独立的词法作用域。这不仅避免了外界访问此 IIFE 中的变量，而且又不会污染全局作用域。

​ 第二部分再一次使用 () 创建了一个立即执行函数表达式，JavaScript 引擎到此将直接执行函数。

示例

当函数变成立即执行的函数表达式时，表达式中的变量不能从外部访问。

(function () {
    var name = "Barry";
})();
// 无法从外部访问变量 name
name // 抛出错误："Uncaught ReferenceError: name is not defined"

将 IIFE 分配给一个变量，不是存储 IIFE 本身，而是存储 IIFE 执行后返回的结果。

var result = (function () {
    var name = "Barry";
    return name;
})();
// IIFE 执行后返回的结果：
result; // "Barry"

）

实现一个闭包

// 示例1
​
function A(){
​
    let name = '我会被下面的函数调用'
​
    function a(){
​
        console.log(name);
​
    }
​
    return a;
​
}
​
let B = A()
​
B()
​
// 示例2
​
function timeSend(a){
​
    setTimeout(()=>{
​
        console.log(a);
​
    },1000)
​
}
​
console.log(timeSend('定时器'));

闭包的好处

保护函数的私有变量不受外部干扰，形成不销毁的栈内存

把一些函数内的值保存下来，闭包可以实现方法和属性私有化

保护函数内的变量安全 ，实现封装，防止变量流入其他环境发生命名冲突

在内存中维持一个变量，可以做缓存（但使用多了同时也是一项缺点，消耗内存）

匿名自执行函数可以减少内存消耗

闭包的坏处

①其中一点上面已经有体现了，就是被引用的私有变量不能被销毁，增大了内存消耗，造成内存泄漏，解决方法是可以在使用完变量后手动为它赋值为null；

②其次由于闭包涉及跨域访问，所以会导致性能损失，我们可以通过把跨作用域变量存储在局部变量中，然后直接访问局部变量，来减轻对执行速度的影响****

闭包变量怎么回收

如果是全局变量被作为闭包变量的话。则该闭包变量会一直保存到页面关闭。（因为全局上下文会一直存在，不会被回收，除非页面关闭）

如果是局部变量被作为闭包变量的话，有两种情况

1、如果没把定义的函数赋值的话，那么就会在执行结束后，该函数的上下文会被回收

2、如果将定义的函数赋值给一个变量，那么该函数就不会被回收，会一直存在内存中。