JS封深入了解

1. javascript 语言理解闭包

    js变量的范围分成两个：全局变量、局部变量。在全局变量的函数外声明变量，内部功能可以直接调用全局变量。声明变量里面的函数必须使用var 命令，否则，它里面的函数声明一个全局变量。

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

　　function f1(){

　　　　n=999;

　　　　function f2(){
　　　　　　alert(n);
　　　　}

　　　　return f2;

　　}

　　var result=f1();

　　result(); // 999

闭包（closure）就是可以读取其它函数内部变量的函数。也可以说是定义在一个函数内部的函数。本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

闭包的用途：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 .  由于在函数内部使用了varkeyword 维护a的作用域在outFun()内部.

再看以下的代码:

Js代码 

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

作用域链是描写叙述一种路径的术语,沿着该路径能够确定变量的值 .当运行a=0时,由于没有使用varkeyword,因此赋值操作会沿着作用域链到var a=4;  并改变其值.

http://www.jb51.net/article/24101.html

版权声明：本文博客原创文章，博客，未经同意，不得转载。