【重点】再总结闭包之前,先搞明白闭包在工作中的实战作用
团队多人开发一个项目时,为了避免大家全局变量命名一样发生错误,所以搞个函数把他们都包起来。
---------------------鄙人愚见,请各位大佬多多指点
1.什么是闭包
- 闭包就是能够读取其他函数内部变量的函数;
- 定义在一个函数内部的函数(在javascript中,只有函数内部的子函数才能读取局部变量);
- 闭包是将函数内部和函数外部连接起来的桥梁;
--------------------闭包到底是个什么鸟东西啊,概念都听了半年了怎么还没搞明白啊,接下来我一定要搞懂----------------------*
2.闭包的优缺点
【摘自羊二哥: 原文链接】
优点:
- 让外部访问函数内部变量成为可能;
- 局部变量会常驻在内存中;
- 可以避免使用全局变量,防止全局变量污染;
缺点:
- 会造成内存泄漏(有一块内存空间被长期占用,而不被释放);
- 由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄漏。解决方法是,在退出函数之前,将不使用的局部变量全部删除。
羊二哥的经典总结:重点记住这句
结论:闭包找到的是同一地址中父级函数中对应变量最终的值------(正在理解当中)
摘自羊二哥,他对这句话进行了解释:
- 闭包就是可以创建一个独立的环境,每个闭包里面的环境都是独立的,互不干扰;
- 闭包会发生内存泄漏,每次外部函数执行的时候,外部函数的引用地址不同,都会重新创建一个新的地址;(外部函数每执行一次,函数重新被声明一次,相当于在内存当中开辟一个新空间,所以每次执行一次地址都不同)
- 但凡是当前活动对象中有被内部子集引用的数据,那么这个时候,这个数据不删除,保留一根指针给内部活动对象;
- 闭包内存泄漏为: key = value,key 被删除了 value 常驻内存中; 局部变量闭包升级版(中间引用的变量) => 自由变量;
3.谈闭包,先了解变量的作用域
【摘自: 原文链接】
作用域分为:全局作用域和局部作用域;函数内部可以读取全局变量,而函数外部是无法读取函数内部的变量。
(1).函数内部可以读取全局变量
例子1:
var n=999;
function f1(){
alert(n);
}
f1(); // 999
(2).函数外面不可以读取函数内部的变量
函数外部访问函数内部的变量------>报错例子
例子2:
function f1(){
var n=999;
}
f1();
alert(n); //报错:Uncaught ReferenceError: n is not defined
【注意】在js函数内部中声明变量的时候一定要用var,否则相当于在函数外部声明了一个变量,函数内部未用var只当做赋值操作。
例子3:
//上面的例子改一下,去掉var
function f1(){
n=999;
}
f1();
alert(n); //999
------------------------------------在实际开发中很多时候,在我们希望访问某个函数内部的变量时显得束手无策------------------------------------
(3)那么如何让函数外部读取到函数内部的变量呢?
例子4:
function f1(){
n=999;
function f2(){
alert(n); // 999
}
}
函数f2可以访问f1中的变量,也就是子函数能访问父函数,父函数无法访问子函数;这就是JavaScript语言特有的“链式作用域”结构(chain scope),子对象会一级一级地向上寻找所有父对象的变量。所以,父对象的所有变量,对子对象都是可见的,反之则不成立。
既然f2可以读取f1中的局部变量,那么只要把f2作为返回值,我们不就可以在f1外部读取它的内部变量了吗!-----------------------------------------这就是闭包 闭包 闭包
例子5:
function f1(){
var n=999;
function f2(){
alert(n);
}
return f2;
}
var result=f1();
result(); // 999
/文中有错误和不对的地方欢迎大家批评指正;文中多处引用各位大佬的内容和链接已经署名。/