闭包,JavaScript语言一个很重要的点,可以说js库和各个框架百分百会用到闭包。那到底什么是闭包?闭包用来做什么?
其实闭包最简单的概念就是一个函数内部的变量被另一个函数调用。
function fn() {
var a = 1;
function f() {
alert(a);
}
}
这是最简单的闭包,fn函数里面的变量a被函数f调用。我们都知道JavaScript没有块作用域,只有函数作用域,闭包其实就是创建一个函数作用域,这样就有局部变量而不是全局变量污染环境。当然,上面的闭包没有任何意义,但它确实算一个闭包。
那么闭包我们用来做什么呢?我们用闭包提供一个局部变量的作用域,允许其他代码块能通过某种方法访问到这个变量。也就是说内部函数使用了外部函数的变量,即使外部函数被GC回收了,内部函数还是能够访问。
先看一下简单闭包的使用:
function fn() {
var a = 1;
console.log('执行了')
return function b(b){
a = a + b;
console.log(a);
}
}
var c = fn();
c(1);
c(1);
这已经是有意义闭包使用最简单的例子了,没有更简单的了。
首先fn是外部函数,b(这边为了解释,一般这个函数采用匿名函数)是内部函数,内部函数b使用了外部函数fn的变量a。
当我们执行var c = fn();的时候,fn函数只执行了一次,可以看见只输出一次 “执行了”。同时fn函数返回了一个函数,也就是说c实际上是一个方法,打印一下c得到:
function b(b){
a = a + b;
console.log(a);
}
这时候我们就要知道GC的机制了,按理来说fn执行之后,a变量要被回收,因为c这个函数使用了a,那么变量a并没有被回收,而是存在内存中。所以第一次执行c(1)的时候,变量a变成了2存储在内存中,当你再次执行c(1)的时候,a的值是内存中直接获取,也就是这时候a是2,所以输出了3。
这就是最简单的闭包,只要了解了GC机制,那么就很容易理解为什么a不会重置。
欢迎关注Coding个人笔记 公众号
网友评论