zoukankan      html  css  js  c++  java
  • 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),这时一定要小心,不要随便改变父函数内部变量的值。

  • 相关阅读:
    ZAB 和 Paxos 算法的联系与区别?
    Spring支持的ORM?
    解释对象/关系映射集成模块?
    哪种依赖注入方式你建议使用,构造器注入,还是 Setter方法注入?
    我们能自己写一个容器类,然后使用 for-each 循环码?
    Struts2的Action中获取request对象的几种方式?
    Chroot 特性?
    String是最基本的数据类型吗?
    @Autowired 注解?
    比较HQL、Criteria、Native-SQL这三者做查询的区别,以及应该如何进行选择?
  • 原文地址:https://www.cnblogs.com/xiaxiaoxuan/p/2958032.html
Copyright © 2011-2022 走看看