JavaScript之闭包
一、什么是闭包?
要理解闭包就要去理解变量的作用域,在JS中存在两种变量的作用域,一种是全局变量,一种是局部变量。两种变量的区别就是函数内部可以直接读取全局变量,但是在函数外部无法读取函数内部的局部变量。
闭包是指有权访问另外一个函数作用域中的局部变量的函数。声明在一个函数中的函数,叫做闭包函数。而且内部函数总是可以访问其所在的外部函数中声明的参数和变量,即使在其外部函数被返回了之后。
闭包的特点
1、可以让外部访问函数内部变量
2、局部变量会常驻在内存中
3、可以避免使用全局变量,防止全局变量污染
4、造成内存泄漏
大家首先来看一段代码:
例子1
function foo(call) {
var a = '来啦';
function bar() {
console.log(a);
}
return bar;
}
var b = foo();
b();// 输出 来啦
因为此时b是执行foo函数时返回的bar引用,bar函数得以保存了。
函数被创建后就形成了闭包,他们保存了上层上下文的作用域链,并且保存在[[scope]]中。
例子2
(function() {
var m = 0;
function getM(){
return m;
}
function seta(val){
m = val;
}
window.g = getM;
window.f = seta;
})();
f(100);
console.log(g());//100
该函数是立即执行函数,当js执行到(function {// code})();时, 由于(function {// code})是表达式, js会去对它求解得到返回值, 由于返回值是一个函数, 故而遇到()时, 便会被执行。然后把getM和seta给到了window,这时候呢,我想到了大佬总结的一句话:闭包找到的是同一地址中父级函数中对应变量最终的值。
ECMAScript中,闭包指的是:
从理论角度:
所有的函数。因为它们都在创建的时候就将上层上下文的数据保存起来了。哪怕是简单的全局变量也是如此,因为函数中访问全局变量就相当于是在访问自由变量,这个时候使用最外层的作用域。
从实践角度:
即使创建它的上下文已经销毁,它仍然存在(比如,内部函数从父函数中返回)
在代码中引用了自由变量
闭包的缺点:
滥用闭包会造成内存泄露,因为闭包中引用到的包裹函数中定义的变量都永远不会被释放,所以我们应该在必要的时候,及时释放这个闭包函数。
总结:
-
闭包代码块创建该代码块的上下文中数据的结合
-
闭包就是能够读取其他函数内部变量的函数,在本质上是函数内部和函数外部链接的桥梁
-
不同的角度对闭包的解释不同的