Javascript闭包（Closure）简化精简版

在高级应用中需要依靠js闭包（closure）来实现~

1.变量的作用域：全局变量和局部变量。

Javascript可以在函数内部直接读取全局变量。

     var a=1; //全局变量

     var c=2; //运行方法a1后 c被赋值为3

　　function a1(){
　　　　alert(a); //可获得全局变量a

           var b =2; //局部变量 只能方法a1内调用

           c = 3; //声明了一个全局变量

　　}

　　a1(); //1

     alert(c); //3

     console.log(a,c); //1 3 //如果不执行a1();那就是1 2 //再如果注释var c=2,又注释a1();方法,那就报c没定义Uncaught ReferenceError: c is not defined

注意：在函数外部无法读取函数内的局部变量；

 

2.从外部读取局部变量:

　　function aa(){ //var aa = function(){ ... }

　　　　var aa=function(){
　　　　var a=2;
　　　　//console.log("aa"+a); //aa2
　　　　function b(){ //闭包函数
　　　　　　var b=a++; //b=a++=2;a=3;
　　　　　　console.log("a:"+a+",b:"+b); //a:3,b:2
　　　　}
　　　　return b;
　　}
　　 var c=aa();
　　 c(); //2 
　　//aa(); //只执行aa()里，不执行b(); //var c=aa; 也是一样 不执行b();

 目的：读取函数内部的变量，使内部变量的值始终保持在内存中。

function aa(){
　　　　var a=9;
　　　　add=function(){a+=1;} //全局变量
　　　　function b(){
　　　　　　console.log(a);
　　　　}
　　　　return b;
　　}
　　var c=aa(); //在add();前执行
　　c(); // 9
　　add();
　　c(); // 10

注意：闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题。

解决方法：在退出函数之前，将不使用的局部变量全部删除。a=null;

练习：

　　var name = "Tim";

　　var object = {
　　　　name : "Mary",
　　　　love: function(){
　　　　　　return function(){
　　　　　　　　return this.name;
　　　　　　};
　　　　}
　　};
　　alert(object.love()());

　　var name = "Tim";
　　var object = {
　　　　name : "Mary",
　　　　love: function(){
　　　　　　var she = this;
　　　　　　return function(){
　　　　　　　　return she.name;
　　　　　　};
　　　　}
　　};
　　alert(object.love()());

//Tim     Mary