什么是闭包
我理解的就是在一个作用域中可以访问另一个作用域的变量，这种现象叫做闭包。
最简单的闭包形式就是在一个函数内部嵌套一个函数，嵌套的函数里又使用了外部函数的局部变量，最后再返回嵌套的函数，如下：
function fn () {
let n = 1;
function add () {
n++;
}
return add;
}
闭包一定需要return吗
平常见到的闭包大多都长这样，好像都会在函数内部return个啥，但是是不是就一定需要return呢，这样行不行呢？
function fn () {
let n = 1;
function add () {
n++;
}
window.add = add;
}
在调用fn()之后，全局都可以调用window.add()了，也就可以全局访问fn()的局部变量n了，这应该也是闭包吧。所以闭包跟return是没有啥关系的，不一定需要return。
为啥会形成闭包
对于变量都有一个作用域的概念，作用域控制着变量的可见性和生命周期。作用域又分为全局作用域和局部作用域，全局作用域指在代码的任何地方都能访问，局部作用域常见的就是函数作用域，在函数外部无法访问函数内部的变量，但根据作用域链，函数内部又可以访问函数外部的变量。当函数内部的变量被函数内部嵌套的函数使用，同时这个嵌套函数被赋值给了一个全局变量时，那么函数内部的值又可以通过这个全局变量在全局访问到，这样就形成了闭包。
闭包的作用
虽说闭包能够让全局都能访问到某个函数的局部变量，但也并不代表随便啥刀枪棍棒的都能访问修改这个变量，而是指定了访问的路径和方法，必须通过规定的方式才能去访问和修改这个变量。
通过对比正常定义的全局变量，正常定义的全局变量随随便便都可以访问修改，而闭包就好像是将一个全局变量给隐藏了起来，既是全局的，又是私有的，只是暴露一个访问器，全局通过这个访问器访问。
// 正常定义一个全局变量
var a = 1;
console.log(a); // 这里可以访问a
a = 2; // 这里可以修改a
function addOfA () {
a++; // 这里还可以修改a
}
addOfA(); // => a = 3
// 通过闭包的形式给一个全局可以访问的变量
(function fn () {
let n = 1;
function add () { // 只能通过这个方法修改和访问n
n++;
console.log(n)
}
window.add = add
})();
add(); // => n = 2
console.log(n); // => 报错：Uncaught ReferenceError: n is not defined
所以闭包的作用主要有：
- 函数外读取函数局部变量；
- 闭包父级做用域变量的值不会由于函数的执行完毕而销毁，变量保存的值可以保存下来；
- 模块化的公有属性和方法暴露出来；
闭包关于内存泄漏的问题
先百度一下啥叫内存泄漏：内存泄漏（Memory Leak）是指程序中已动态分配的堆内存由于某种原因程序未释放或无法释放，造成系统内存的浪费，导致程序运行速度减慢甚至系统崩溃等严重后果。
这在js中也就是引用数据类型没有及时释放引用，垃圾回收机制无法回收这些变量，造成性能的浪费。js中内存管理的主要概念是可达性，也就是只要这个变量还可以被访问，那就不会回收这个变量的内存，以保证它随时可以被访问。全局作用域的变量一般不会被回收，因为不知道啥时候会使用它。而局部变量在所在作用域中执行完毕后会被销毁，因为后面就不会再需要这个变量。
但是在闭包中又有所不同，闭包中的变量随时局部变量，在所在闭包函数运行结束后依然有路径可以访问到闭包函数内部的变量，也就满足了js内存管理的可达性，这个变量就不会被回收。当然在我们的代码还需要使用这个变量时应该算不上是内存泄漏，只有在不需要再使用它时，我们需要通过某种方式告诉js的垃圾回收机制，这个变量可以被销毁了，否则就会造成内存泄漏的问题。
那么如何告诉垃圾回收机制这个变量该回收了呢？
var closure = (function() {
var n = 0;
return {
add: function () {
return ++n;
},
clearVariable: function () {
n = null;
}
}
})();
在闭包内部返回一个删除闭包的方法， 该方法将闭包内部的变量设置为null， 让变量失去引用，这样变量会被系统自动回收。
对于闭包的变量回收还有些更细节的问题，比如变量回收在不同浏览器内核上的表现差异等，这些可以参考这位大神的文章。https://www.cnblogs.com/rubylouvre/p/3345294.html
网友评论