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),这时一定要小心,不要随便改变父函数内部变量的值。

  • 相关阅读:
    [NetworkFlow]网络流建模相关
    最全Linux 与 Linux Windows 文件共享
    民意调查Django实现(三)
    DirectX11 学习笔记8
    HDU 5294 Tricks Device(多校2015 最大流+最短路啊)
    javascript对象
    Web Service学习-CXF开发Web Service的权限控制(二)
    1215-Cannot add foreign key constraint
    Tomcat使用IDEA远程Debug调试
    OC基础回想(十二)协议
  • 原文地址:https://www.cnblogs.com/xiaxiaoxuan/p/2958032.html
Copyright © 2011-2022 走看看