javascript 闭包

1.闭包是什么？

理解：个人理解为一个函数中去使用其他一个或者多个函数内部的变量

定义：一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数）

作用：读取他函数内部的变量以及保存这些变量（不让其销毁，但可能带来了内存泄漏问题）

2.理解下javascript变量的作用域：

简单划分为全局作用域（global document），函数作用域（可以理解局部作用域，自己定义的一些函数内部的变量）

函数内部可以使用全局变量（注意：函数内部变量的声明必须使用var，否则系统默认为全局变量)，而函数外部是不可以调用函数内部变量的，这就是作用域链。

同时闭包的返回值一定是全局的，否则无法保存下来。如果想用this，需要that=this搞过来一下。

3.代码跑起来：

var a=1;
　　function f(){
　　　　alert(a);
　　}
　　f(); // 1   这段代码说明函数内部可以使用全局变量的

4.代码跑起来：

function f(){
　　　　var a=1;
}
alert(a); // error

这段代码说明函数外部无法使用函数内部的局部变量

5.如何在函数外部正确使用函数内部变量 ？？？

简单的方法就是在内部函数外层再定义一层函数，并将内层函数return出去！

6.代码跑起来：

　function f1(){

　　　　var a=1;

　　　　function f2(){
　　　　　　alert(a); 
　　　　}

　　　　return f2;

　　}

　　var r=f1();//此时函数值发生变化指向了f2

　　r(); // 1

7.代码跑起来：

function f1(){
　　　　var n=1;
　　　　add=function(){n+=1}
　　　　function f2(){
　　　　　　alert(n);
　　　　}
　　　　return f2;
　　}
　　var r=f1();
　　r(); // 1
　　add();
　　r(); // 2
可以理解为r现在指向为f2函数，并且他执行了两次！其中add是运算加和！

8.代码跑起来：

function f1(){
   var n=1;
   add=function(){
         n+=1 ;
         alert(n)
   }
    return add;
    function f2(){
         alert(n);
    }
    return f2;
}
var r=f1();
r()//2
r();//3
解释器解释js 从上到下 ，return结束执行
此时因为return了add,下面不在执行！

9.代码跑起来：

function f1(){
　　　　var n=1;
　　　　add=function(){
           n+=1 ;
           alert(n)
       }
　　　　function f2(){
　　　　　　alert(n);
　　　　}
　　　　return f2;
　　}
　　var r=f1();
　　  r()1
    　add();2
      r();2

为什么是两个2
不要奇怪因为有一个是add中alert（）输出2！

10.代码跑起来：

function f1(){
　　　　var n=1;
　　　　add=function(){
          n+=1 ;
       }
　　　　function f2(){
　　　　　　alert(n);
　　　　}
　　　　return f2;
　　}
　　var r=f1();
　　 r() //1
     add() //只让他做运算
     r(); //2

删除add中alert（），这次只有一个2输出

11.代码跑起来：

var name = "Window";
　　var obj = {
　　　　name : "My",
　　　　getName : function(){
　　　　　　return function(){
　　　　　　　　return this.name;
　　　　　　};
　　　　}
　　};
　　alert(obj.getName()()); //windows

此时return回来的函数已经不再是obj的属性，返回的是一个为执行的函数表达式，
所以这是this指向全局函数（window）
不相信的的小朋友可以 alert 一下obj.getNAme()函数。
里面一定是function(){return this.name;};

12.代码跑起来：

var name = "Window";
　　var object = {
　　　　name : "My",
　　　　getName : function(){
　　　　　　var that = this;
　　　　　　return function(){
　　　　　　　　return that.name;
　　　　　　};
　　　　}
　　};
　　alert(obj.getName()());//my
此时改变了this指向 输出my