关于闭包
这两天在苦苦钻研闭包,因为之前对闭包的接触并不多,于是大量在网上找资料。怕遗忘,登陆博客,记录下来。
什么是闭包,记得刚学习JS的时候,说闭包就是外部调用内部函数的变量。楼主当时比较浮躁,就以为是个很简单的东西,也就没有深究,但是随着,写的代码多了,感觉闭包真的非常有用。到目前为止,用的最后就是匿名函数自调用。
首先看我的两个案例,作用域和执行顺序。
<script> for (var i=0; i < 10; i++) { function aa(){ alert(i); } }; aa();//10 for (var i=0; i < 10; i++) { function aa(){ alert(i); } aa();//1...9 }; </script>
第一个弹出的是10,for循环执行完了,才调用函数aa(),这个时候i刚好等于10,于是alert(i)这个i引用了此时的i=10;
第二个我们大家都知道,弹出的1...9,因为一边循环一边执行,这个我们应该都理解.第二个函数等同于下面这个匿名自调用函数.
for (var i = 0; i < 10; i++) { (function(j){ alert(j) })(i) };
其实上面这个已经叫做闭包了。
我自己的理解什么是闭包:能够让外部函数访问内部函数变量的过程叫做闭包。
一般我们都是到外部函数是访问不了内部函数的。要访问我们只能通过闭包来访问,也就是返回内部函数。
看下面这个:
var aa=99; function f1(){ alert(aa); } alert(aa);//99 function f2(){ var bb=99; } alert(bb);//error; function f3(){ cc=88; } f3(); alert(cc);//88定义了全局变量aa等于99,按照作用域的访问范围内部函数(访问)——外部——父级函数的规则(大家都叫链式作用域)。所有函数都可以访问aa;(说到这里其实我们所有的函数都是window对象下面的闭包,因为window是所有函数的父级);
f1()执行后弹出了99;
f2()执行后是个错误,因为在外部调用内部变量bb;
f3()返回88,因为我没有用var声明,执行f3执行,让cc变成了全局变量,外部的都可以访问;
如何让外部函数访问内部函数的变量呢?就是在函数里面再定义一个内部函数,然后返回就行了;
function f1(){ var aa=99; var f2=function(){ return function(){ return aa; }(); }; return f2(); } alert(f1());这样外部函数就调用到了aa;这个时候其实内存并没有清除aa;因为闭包可以保存一些变量的值。
function f1(){ var aa=99; aadd=function(){aa+=1}; var f2=function(){ return function(){ window.alert(aa); }(); }; return f2;//返回函数体 } var result=f1(); //引用F1函数 注意了这个时候f2等于被全局变量引用了,引发了内存一直保存着值; result(); //执行f1 99 aadd(); //执行全局变量函数aadd;aa一直都保存在内存里面。 result();//在执行f1 100
闭包差不多是这些了。下面来看看网上找的例子吧。
var name="The Window"; var object={ name:"kack", packname:function(){ return function(){ return this.name; } } } alert(object.packname()()); var name="The Window"; var object={ name:"kack", packname:function(){ var that=this; return function(){ return that.name; } } } alert(object.packname()());
这个两个也是闭包,只不过多了个this指针的问题。一个是window,一个是object.所以答案一个是ths window。一个是kack;最后面我把函数给执行,内存释放了。