在js中,函数内部可以直接读取全局变量。在函数外部无法读取函数内部的局部变量。通过闭包,可以在函数外面访问到内部变量的函数。
一、了解闭包
① 闭包定义和用法:当一个函数的返回值是另外一个函数,而返回的那个函数如果调用了其父函数内部的其它变量,如果返回的这个函数在外部被执行,就产生了闭包。
② 表现形式:函数外部能够调用函数内部定义的变量
③ 变量的作用域: 全局变量和局部变量。
函数内部申明变量时需用var,否则得到是的全局变量
④ 作用域链 :
函数在执行的时侯会先在函数本身的上下文变量对象中查找,
没有的话(无),会从该函数创建的父级的执行上下文变量对象中找,
否则,一直找到全局上下文的变量对象(window),这个多层执行上下文的链式关系就是函数作用域链。
作用域被创建的时机:函数里面会有一个[[scope]]属性,当函数在被创建时,会保存所有的父级的变量对象(词法环境)在里边。
二、闭包的用途
1、 读取函数内部的变量。
注意:“JavaScript”中的函数运行在它们被定义的作用域里,而不是它们被执行的作用域里。”
2、 使变量的值一直保存在内存中
原因:F1是f2的父函数,f2被赋给了全局变量,这导致f2始终在内存中,而f2的存在依赖于f1,因此f1也始终在内存中,不会在调用结束后,被垃圾回收机制(garbage collection)回收。
function f1(){
var n=999;
function f2(){
console.log(n++);
}
return f2;
}
var result=f1();
result(); // 999
result(); // 1000
3、 用闭包模拟私有方法,(利于限制代码的访问,避免非核心代码弄乱公共接口部分)
var Counter = (function() {
var privateCounter = 0;
function changeBy(val) {
privateCounter += val;
}
return {
increment: function() {
changeBy(1);
},
decrement: function() {
changeBy(-1);
},
value: function() {
return privateCounter;
}
}
})();
console.log(Counter.value()); /* 提示 0 */
Counter.increment();
Counter.increment();
console.log(Counter.value()); /* 提示 2 */
Counter.decrement();
console.log(Counter.value()); /* 提示 1 */
三、注意(弊端)
1.由于闭包会使得函数中的变量都被保存在内存中,闭包在IE中可能会导致内存泄漏。
解决办法:在退出函数前,将不使用的局部变量都删掉。
2.闭包会在父函数外部,改变父函数内部变量的值。
如果把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。
参考链接:https://leohxj.gitbooks.io/front-end-database/javascript-basic/closure.html