javascript中闭包的学习

1. js的作用域

在不引入let块级作用域之前。javascript变量的作用域有两种：(1)全局作用域 (2)函数作用域
也就是说，如果你有一个这样的代码：

var a = 1
function add(){
	var b = 2
	var c = a+b
	console.log(a,b,c)
}
add() //打印abc
console.log(a,b,c) //报 bc undefined

我们可以看到 定义在add函数里头的b c只能在函数作用域里访问。
即：(1)全局变量可以在函数内部被读取。(2)函数里声明的变量不能在函数外部被读取。

这时就会有问题出现，如果我们想要在函数的外部读取到函数内部的变量(方法)，那怎么办呢？
——用闭包

2. 什么是闭包

2.1 小例子

还是上面的例子~我们来做一些小小的修改

var a = 1
function add(){
    var b = 2
    function theResult(){
        console.log(a+b)
    }
    return theResult
}
var fn = add();
fn()

我们将引用了b方法的theResult函数当作add函数的返回值返回了出来，并进行了调用。
我们在chrome调试工具中加一下断点~

可以看到右侧的调试栏显示出了闭包

这里的Closure就是闭包，里面显示了闭包中有一个数据b：2。

2.2 闭包的概念

我们在上面看到了一个闭包的样子。但我们怎么去描述一个闭包呢？按我的理解，闭包是一个被外部执行的，包含函数变量的内部函数。

var a = 1
function add(){
    var b = 2
    function theResult(){
        console.log(a+b)
    }
    return theResult
}
var fn = add();
fn()

add这个函数中有一个内部函数theResult，这个内部函数theResult引用了函数变量b。由于add函数将theResult返回了。所以执行fn()的时候相当于在外部执行了这个包含函数变量的内部函数，就产生了闭包。

3. 闭包的优缺点

3.1 闭包的优点

我们为什么要用闭包？这与js的垃圾回收机制有关，当一个变量离开环境(如函数执行完了)，且不再被引用时。这个变量就会被垃圾回收机制回收。

所以如果我们想要在函数执行完后继续使用一个函数中的变量。就需要使用闭包对这个变量继续引用。这样垃圾回收机制就不会把变量回收了。上例中的b将一直保存在内存中。

闭包的最常见应用就是模块化时的IIFE模式。

3.2 闭包的缺点

闭包的缺点也是显而易见的了。闭包能够使一个变量永久的保存在内存中。所以如果滥用闭包，就容易造成内存泄露的问题。在使用闭包时，如果后续不会再使用闭包了，需要我们手动将闭包置空，让垃圾回收机制进行回收。