javascript 闭包简单易懂

来源：互联网发布：java 泛型t获取 class 编辑：程序博客网时间：2024/06/05 08:54

1.什么是闭包
”官方“的解释是：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。
通俗的说：JavaScript中所有的function都是一个闭包。不过一般来说，嵌套的function所产生的闭包更为强大，也是大部分时候我们所谓的“闭包”。

2.举例说明

Java代码

<script type="text/javascript">
var n = 1;//全局变量
function test1(){
var n2 = 2;//局部变量
}
alert(n2);//不能访问局部变量
</script>

<script type="text/javascript">  var n = 1;//全局变量  function test1(){  var n2 = 2;//局部变量  }  alert(n2);//不能访问局部变量  </script>

如果我们想要访问局部变量，该怎么办呢？”闭包“就能解决这个问题，代码如下

Java代码

<script type="text/javascript">
var n = 1;
function test1(){
var n2 = 2;
function inner(){ //inner是test1的嵌套函数，inner的存在依赖于test1
return n2;
}
return inner; //注意：返回的是inner函数
}
var value = test1(); //全局变量value引用inner函数（test1函数返回的是inner函数）
alert(value());//返回2
</script>

<script type="text/javascript">  var n = 1;  function test1(){  var n2 = 2;  function inner(){ //inner是test1的嵌套函数，inner的存在依赖于test1  return n2;  }  return inner;  //注意：返回的是inner函数  }    var value = test1(); //全局变量value引用inner函数（test1函数返回的是inner函数）  alert(value());//返回2  </script>

上面注解的3行就构成了”闭包“

3.闭包的优缺点
优点：(1).可以访问局部变量
(2).让这些变量的值始终保持在内存中。
优点一上面已经演示了，优点二看如下代码：

Java代码

<script type="text/javascript">
var n = 1;
function test1(){
var n2 = 2;
function inner(){
n2++;//n2=3
return n2;
}
return inner;
}
var value = test1();
value();//n2=3
value();//n2=4
alert(value());//n2=5
</script>

<script type="text/javascript">  var n = 1;  function test1(){  var n2 = 2;  function inner(){   n2++;//n2=3  return n2;  }  return inner;    }    var value = test1();   value();//n2=3  value();//n2=4  alert(value());//n2=5  </script>

解释：因为全局变量value引用函数inner,inner依赖于test1函数，全局变量一直都在内存中，所以test1函数的资源也一直都在函数中

缺点：正是由于优点二，变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。