闭包的理解
1、概念
闭包函数:声明在一个函数中的函数,叫做闭包函数。
闭包:内部函数总是可以访问其所在的外部函数中声明的参数和变量,即使在其外部函数被返回(寿命终结)了之后。
2、特点
让外部访问函数内部变量成为可能;
局部变量会常驻在内存中;
可以避免使用全局变量,防止全局变量污染;
会造成内存泄漏(有一块内存空间被长期占用,而不被释放)
3、闭包的创建:---
闭包就是可以创建一个独立的环境,每个闭包里面的环境都是独立的,互不干扰。闭包会发生内存泄漏,每次外部函数执行的时 候,外部函数的引用地址不同,都会重新创建一个新的地址。但凡是当前活动对象中有被内部子集引用的数据,那么这个时候,这个数据不删除,保留一根指针给内部活动对象。
闭包内存泄漏为: key = value,key 被删除了 value 常驻内存中;
局部变量闭包升级版(中间引用的变量) => 自由变量;
上面的都是什么鬼,是人话么,能看懂早就看懂了,生气······
不过,答应我,看完例子再回看上面的概念,会理解的更!透!彻!
---------------------我是容易看懂的分界线----------------------
【闭包的理解】4、闭包的应用场景
结论:闭包找到的是同一地址中父级函数中对应变量最终的值
最终秘诀就这一句话,每个例子请自行带入这个结论!!!!!!!!!!!!!
/* 例子1 */
function funA(){var a = 10;
// funA的活动对象之中;
return function(){//匿名函数的活动对象;
alert(a);
}}var b = funA();
b();
//10/* 例子2 */
function outerFn(){
var i = 0;
function innerFn(){
i++;
console.log(i);
}
return innerFn;
}
var inner = outerFn();
//每次外部函数执行的时候,都会开辟一块内存空间,外部函数的地址不同,都会重新创建一个新的地址
inner();
inner();
inner();
var inner2 = outerFn();
inner2();
inner2();
inner2();
//1 2 3 1 2 3/* 例子3 */
var i = 0;
function outerFn(){
function innnerFn(){
i++;
console.log(i);
}
return innnerFn;
}
var inner1 = outerFn();
var inner2 = outerFn();
inner1();
inner2();
inner1();
inner2();
//1 2 3 4/* 例子4 */
function fn(){
var a = 3;
return function(){
return++a;
}
}
alert(fn()());
//4
alert(fn()());
//4/* 例子5 */
function outerFn(){
var i = 0;
function innnerFn(){
i++;
console.log(i);
}
return innnerFn;
}
var inner1 = outerFn();
var inner2 = outerFn();
inner1();
inner2();
inner1();
inner2();
//1 1 2 2/* 例子6 */
(function() {
var m = 0;
function getM() { return m;
}
function seta(val) { m = val;
}
window.g = getM;
window.f = seta;
})();
f(100);
console.info(g());
//100闭包找到的是同一地址中父级函数中对应变量最终的值/* 例子7 */
function a() {
var i = 0;
function b() { alert(++i);
}
return b;
}
var c = a();
c();
//1
c();
//2 /* 例子8 */
function f() {
var count = 0;
returnfunction() {
count++;
console.info(count);
}
}
var t1 = f();
t1();
//1
t1();
//2
t1();
//3 /* 例子9 */
var add = function(x) {
var sum = 1;
var tmp = function(x) {
sum = sum + x;
return tmp;
}
tmp.toString = function() {
return sum;
}
return tmp;
}
alert(add(1)(2)(3));
//6/* 例子10 */
var lis = document.getElementsByTagName("li");
for(var i=0;
i
————————————————
版权声明:本文为CSDN博主「羊二哥」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_43586120/article/details/89456183
推荐阅读
- 热闹中的孤独
- JAVA(抽象类与接口的区别&重载与重写&内存泄漏)
- 放屁有这三个特征的,请注意啦!这说明你的身体毒素太多
- 一个人的旅行,三亚
- 布丽吉特,人生绝对的赢家
- 慢慢的美丽
- 尽力
- 一个小故事,我的思考。
- 家乡的那条小河
- 《真与假的困惑》???|《真与假的困惑》??? ——致良知是一种伟大的力量