参考文章 https://www.cnblogs.com/cxying93/p/6103375.html
内容相似,再写一遍只是为了加深自己的理解;
在理解闭包之前,需先清楚变量的作用域
1 关于变量的作用域;
变量分为全局变量与局部变量两种;
函数内部可以直接读取全局变量,但是在函数外部无法读取函数内部的局部变量。
注:在函数内部声明变量时,一定要使用var 命令,否则声明的是一个全局变量。
2 什么是闭包;
有时需要在函数外获取函数内部的变量,此时的解决方案一般是在函数内部再定义一个函数
eg:
function f1(){
var n=99;
function f2(){
var m=100;
alert(n); // => 99
}
}
函数f2在函数f1 内部,此时f1内部的所有变量对f2可见,而f2内部的局部变量(如m)对f1不可见;(此上为Javascript语言特有的"链式作用域"结构)
父对象的所有变量对子对象可见,反之不成立;
将上面的f2函数作为返回值,则可在f1外部读取它的内部局部变量,此时f2函数为闭包;
闭包定义:是函数和声明该函数的词法环境的组合。
简单来说,在函数f1内部定义的,作为变量传递局部变量n的值的 内部函数f2 即为闭包;
可以读取其他函数内部变量的函数称为闭包,它的本质是 将函数内部与外部链接的桥梁;
eg2
function makeFunc(){
var name="Mozilla";
function displayName(){
alert(name);
}
return displayName;//function displayName
}
var myFunc=makeFunc();
myFunc();//调用makeFunc =>Mozilla
eg3
function makeAdder(x){
return function(y){
returnx+y;
};
}
var add5 = makeAdder(5);
var add10 = makeAdder(10);
console.log(add5(2)); //=> 7
console.log(add10(2)); // =>12
3 用途
一 、即读取函数内部的变量(如上例);
二、让变量始终保持在内存中,而不是在f1调用后被自动清除;
原因是 f1是f2的父级函数、若f2被赋给一全局变量,此时f2会始终在内存中,又因为f2依赖f1,故f1始终存在,不会被回收;
var pub_n = f2; => f2始终存在, f2为f1的内部函数=> f1始终存在;
4 注意
一 、闭包特点:内存消耗大,在IE中易导致内存泄露,故在退出函数之前应将不需要的局部变量删除;
二、闭包会改变父级函数内部变量的值,若将父级函数f1当成对象,闭包f2作为公共方法,内部变量n为私有属性时,不可随意改变父级函数f1的内部变量n的值;
写在末尾
本人所写均是为了自我学习,若还能帮助他人实属幸运;过程中参考了其他的博客等,无侵权冒犯之意,勿怪。
网友评论