javascript闭包

1. 什么是闭包

定义：闭包就是能够读取其他函数作用域中局部变量的函数。

如图：红框内的部分就形成了闭包。

2. 闭包的作用

可以避免使用全局变量，防止全局变量污染；实现变量的私有化，使得函数的外部也可以访问到函数内部的数据。

案例：计数器困境

// 在函数外部声明变量（全局变量）
var counter = 0 

function add() {
   return counter += 1
}
add()
add()
add()
 
// 计数器现在为 3

以上代码中我们通过调用add方法实现了计数器自增最终得到counter为3；但问题来了，页面上的任何脚本都能改变计数器，即便没有调用 add() 函数。

显然上面的代码不能实现我们的需求，只通过调用add方法修改计数器的值，此时通过闭包就可以解决这个问题。

var add = (function () {
    var counter = 0
    return function () {return counter += 1}
})()
 
add()
add()
add()

实例解析

变量 add 指定了函数自我调用的返回字值。
自我调用函数只执行一次。设置计数器为 0。并返回函数表达式。
add变量可以作为一个函数使用。非常棒的部分是它可以访问函数上一层作用域的计数器。
这个叫作 JavaScript 闭包。它使得函数拥有私有变量变成可能。
计数器受匿名函数的作用域保护，只能通过 add 方法修改。

3. 闭包的弊端

1. 因为实现了变量的私有化，就一直存在对变量的引用，故而该变量就不会自动销毁，也就会占据开销比较大，内存泄漏。
2. this指向问题
3. 引用的变量可能已经发生变化