js的闭包,不仅在项目中时常用到,而且也几乎是面试时必问的一个概念。
首选,我们会注意到一个现象,就是在函数内部可以直接读取全局变量,但是在函数外部无法读取函数内部的局部变量,但是如果项目中必须要用到函数内部的局部变量,我们该怎么办呢?其实,有一个方法就是,在函数内部再定义一个函数:例如
function func1(){
var a = 11;
function innerFunc(){
console.log(a); //11
}
}
上述代码中,innerFunc在func1内部,此时,func1中的任何局部变量,对innerFunc都是可见的,但反之却不成立。用阮一峰大牛日志上的话说就是:“这就是Javascript语言特有的"链式作用域"结构(chain scope),子对象会一级一级地向上寻找所有父对象的变量。所以,父对象的所有变量,对子对象都是可见的,反之则不成立。”
此时,我们发现,既然innerFunc能够读取func1的局部变量,那么我们可以把innerFunc作为func1的返回值,不就达到了可以在func1外部读取它的局部变量了吗?
function func1(){
var a = 11;
function innerFunc(){
console.log(a);
}
return innerFunc;
}
var res = func1();
res();//11
所以,上述代码中的innerFunc函数,就是闭包,通俗的讲,闭包就是定义在一个函数内部的函数,这个函数可以读取其他函数内部的变量。
闭包的用途:(1)可以读取其他函数内部的变量;(2)使得这些变量始终保持在内存中,不被销毁;
但是,闭包不能滥用,否则会很消耗内存。
推荐阅读:阮一峰日志