javascript的闭包

昨天看代码发现一段函数样子很奇怪,百度了一下,原来是闭包函数,soga!以前听说过闭包是js里比较高级的特性,今天碰见了,就研究一下。

由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成“定义在一个函数内部的函数”。所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。

一个比较简单的例子:

function outerFun()
{
var a=0;
function innerFun()
{
a++;
alert(a);
}
return innerFun; //注意这里
}
var obj=outerFun();               // 此处 obj 为outerFun函数的一个实例,即 innerFun函数
obj(); //结果为1
obj(); //结果为2
var obj2=outerFun();              // 同理,此处 obj2 为outerFun函数的另一个实例
obj2(); //结果为1
obj2(); //结果为2

 以obj为例说明,因为obj为outerFun的一个实例,所以局部变量a的值处于被引用状态,因此,执行完obj()后不会被销毁,而是保存变量值,得到a=1;继续执行obj(),得到a=2.

obj2与obj相互独立,互补干扰。

下面一个例子稍微难理解一点:

var name = "The Window";
  var object = {
    name : "My Object",
    getNameFunc : function1(){
      return function2(){
        return this.name;         //此处this对象指向函数运行时的调用者——window对象
     };
    }
};
alert(object.getNameFunc()());      //结果为 The Window

 这个例子牵扯到this的用法,this指向的是当前函数的对象,为什么不是object而是window呢?

object.getNameFunc()();这句话拆开来就明白了:

var c=object.getNameFunc();       // object调用getNameFunc,执行function1

c();                             //window调用c,执行function2

 所以,最终function2的调用者是window,即this指向window。

至此,闭包的运行机制基本理解了。

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

使用闭包的注意点

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

2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。

原文地址:https://www.cnblogs.com/xiaxiaoxuan/p/2958032.html