JS闭包的深入理解

1. javascript 语言的闭包理解

    js的变量以作用域划分为两种：全局变量、局部变量。在函数外声明的变量为全局变量，函数内部可以直接调用全局变量。在函数内部声明变量一定要用var 命令，否则就是在函数内部声明了一个全局变量了。

    闭包的产生是为了从外部读取函数的局部变量，即在函数内部再定义一个函数f2，把f2作为返回值，在上层函数中返回就可以使上层函数读取其他函数的局部变量了。

　　function f1(){

　　　　n=999;

　　　　function f2(){
　　　　　　alert(n);
　　　　}

　　　　return f2;

　　}

　　var result=f1();

　　result(); // 999

闭包的用途：1. 可以读取函数内部的变量

                        2. 让这些变量的值始终保持在内存中，因为f2依赖于f1的存在而存在。

缺点：函数中的变量都被保存在内存中，使内存消耗很大，所以不能滥用闭包，不然网页性能会降低，在IE中也可能会内存泄露，所以在退出函数之前，将不再使用的局部变量全部删除。

JavaScript闭包例子

function outerFun()
 {
  var a=0;
  function innerFun()
  {
   a++;
   alert(a);
  }    
 }
innerFun()

上面的代码是错误的.innerFun()的作用域在outerFun()内部,所在outerFun()外部调用它是错误的.

改成如下,也就是闭包:

Js代码

function outerFun()
{
 var a=0;
 function innerFun()
 {
  a++;
  alert(a);
 }
 return innerFun;  //注意这里
}
var obj=outerFun();
obj();  //结果为1
obj();  //结果为2
var obj2=outerFun();
obj2();  //结果为1
obj2();  //结果为2

什么是闭包:

当内部函数 在定义它的作用域 的外部 被引用时,就创建了该内部函数的闭包 ,如果内部函数引用了位于外部函数的变量,当外部函数调用完毕后,这些变量在内存不会被 释放,因为闭包需要它们.

再来看一个例子

Js代码

function outerFun()
{
 var a =0;
 alert(a);  
}
var a=4;
outerFun();
alert(a);

结果是 0,4 .  因为在函数内部使用了var关键字 维护a的作用域在outFun()内部.

再看下面的代码:

Js代码 

function outerFun()
{
 //没有var 
 a =0;
 alert(a);  
}
var a=4;
outerFun();
alert(a);
结果为 0,0 真是奇怪,为什么呢?

作用域链是描述一种路径的术语,沿着该路径可以确定变量的值 .当执行a=0时,因为没有使用var关键字,因此赋值操作会沿着作用域链到var a=4;  并改变其值.