1、概念
闭包函数:声明在一个函数中的函数,叫做闭包函数。
闭包:内部函数总是可以访问其所在的外部函数中声明的参数和变量,即使在其外部函数被返回(寿命终结)了之后。
2、特点
让外部访问函数内部变量成为可能;
局部变量会常驻在内存中;
可以避免使用全局变量,防止全局变量污染;
会造成内存泄漏(有一块内存空间被长期占用,而不被释放)
3、闭包的创建:
闭包就是可以创建一个独立的环境,每个闭包里面的环境都是独立的,互不干扰。闭包会发生内存泄漏,每次外部函数执行的时 候,外部函数的引用地址不同,都会重新创建一个新的地址。但凡是当前活动对象中有被内部子集引用的数据,那么这个时候,这个数据不删除,保留一根指针给内部活动对象。
闭包内存泄漏为: key = value,key 被删除了 value 常驻内存中; 局部变量闭包升级版(中间引用的变量) => 自由变量;
4、闭包的应用场景
function funA(){var a = 10; // funA的活动对象之中;return function(){ //匿名函数的活动对象;alert(a);}}var b = funA();b(); //10
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
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
function fn(){var a = 3;return function(){return ++a;}}alert(fn()()); //4alert(fn()()); //4
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
(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 闭包找到的是同一地址中父级函数中对应变量最终的值
function a() {var i = 0;function b() { alert(++i); }return b;}var c = a();c(); //1c(); //2
function f() {var count = 0;return function() {count++;console.info(count);}}var t1 = f();t1(); //1t1(); //2t1(); //3
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
var lis = document.getElementsByTagName("li");for(var i=0;i<lis.length;i++){(function(i){lis[i].onclick = function(){console.log(i);};})(i); //事件处理函数中闭包的写法}
function m1(){var x = 1;return function(){console.log(++x);}}m1()(); //2m1()(); //2m1()(); //2var m2 = m1();m2(); //2m2(); //3m2(); //4
var fn=(function(){var i=10;function fn(){console.log(++i);}return fn;})()fn(); //11fn(); //12
function love1(){var num = 223;var me1 = function() {console.log(num);}num++;return me1;}var loveme1 = love1();loveme1(); //输出224
function fun(n,o) {console.log(o);return {fun:function(m) {return fun(m,n);}};}var a = fun(0); //undefineda.fun(1); //0a.fun(2); //0a.fun(3); //0var b = fun(0).fun(1).fun(2).fun(3); //undefined 0 1 2var c = fun(0).fun(1);c.fun(2);c.fun(3); //undefined 0 1 1
function fn(){var arr = [];for(var i = 0;i < 5;i ++){arr[i] = function(){return i;}}return arr;}var list = fn();for(var i = 0,len = list.length;i < len ; i ++){console.log(list[i]());} //5 5 5 5 5
function fn(){var arr = [];for(var i = 0;i < 5;i ++){arr[i] = (function(i){return function (){return i;};})(i);}return arr;}var list = fn();for(var i = 0,len = list.length;i < len ; i ++){console.log(list[i]());} //0 1 2 3 4
