zoukankan      html  css  js  c++  java
  • 看阮一峰之闭包的一些感悟总结

    http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html

    Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。

    另一方面,在函数外部自然无法读取函数内的局部变量。

    二、如何从外部读取局部变量?

    出于种种原因,我们有时候需要得到函数内的局部变量。但是,前面已经说过了,正常情况下,这是办不到的,只有通过变通方法才能实现。

    那就是在函数的内部,再定义一个函数。

     function f1(){

        var n=999;

        function f2(){
          alert(n); 
        }

        return f2;

      }

      var result=f1();

      result(); // 999

    在上面的代码中,函数f2就被包括在函数f1内部,这时f1内部的所有局部变量,对f2都是可见的。但是反过来就不行,f2内部的局部变量,对f1就是不可见的。这就是Javascript语言特有的"链式作用域"结构(chain scope),子对象会一级一级地向上寻找所有父对象的变量。所以,父对象的所有变量,对子对象都是可见的,反之则不成立。

    既然f2可以读取f1中的局部变量,那么只要把f2作为返回值,我们不就可以在f1外部读取它的内部变量了吗!

    关于上面的那种写法还可以有这样一种

     function f1(){

        var n=999;

        function f2(){
          alert(n); 
        }

        return f2();

      }

      f1()

    eg:关于函数带不带括号之理解

    get 是函数自身, get() 是运行函数

    var x=get;

    那么 x 和 get 是等同的

    var x=get();

    那么 x 是 函数 get 的返回值;

    function get(){return 1}
    var x=get;
    alert(x)//function get(){return 1}

    function get(){return 1}
    var x=get();
    alert(x)//1

    function get(){return 1}
    var x=get;
    alert(x())//1

    三、闭包的概念

    上一节代码中的f2函数,就是闭包。

    各种专业文献上的"闭包"(closure)定义非常抽象,很难看懂。我的理解是,闭包就是能够读取其他函数内部变量的函数。

    由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数"。

    所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。

    五、使用闭包的注意点

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

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

    4.3.4 管理内存
    使用具备垃圾收集机制的语言编写程序,开发人员一般不必操心内存管理的问题。但是,JavaScript
    在进行内存管理及垃圾收集时面临的问题还是有点与众不同。其中最主要的一个问题,就是分配给 Web
    浏览器的可用内存数量通常要比分配给桌面应用程序的少。这样做的目的主要是出于安全方面的考虑,
    目的是防止运行 JavaScript 的网页耗尽全部系统内存而导致系统崩溃。内存限制问题不仅会影响给变量
    分配内存,同时还会影响调用栈以及在一个线程中能够同时执行的语句数量。
    因此,确保占用最少的内存可以让页面获得更好的性能。而优化内存占用的最佳方式,就是为执行
    中的代码只保存必要的数据。一旦数据不再有用,最好通过将其值设置为 null 来释放其引用——这个
    做法叫做解除引用(dereferencing)。这一做法适用于大多数全局变量和全局对象的属性。局部变量会在
    它们离开执行环境时自动被解除引用,如下面这个例子所示:
    function createPerson(name){
    var localPerson = new Object();
    localPerson.name = name;
    return localPerson;
    }
    var globalPerson = createPerson("Nicholas");
    // 手工解除 globalPerson 的引用
    globalPerson = null;
    在这个例子中,变量 globalPerson 取得了 createPerson() 函数返回的值。在 createPerson()
    函数内部,我们创建了一个对象并将其赋给局部变量 localPerson ,然后又为该对象添加了一个名为
    name 的属性。最后,当调用这个函数时, localPerson 以函数值的形式返回并赋给全局变量
    globalPerson 。由于 localPerson 在 createPerson() 函数执行完毕后就离开了其执行环境,因此
    无需我们显式地去为它解除引用。但是对于全局变量 globalPerson 而言,则需要我们在不使用它的
    时候手工为它解除引用,这也正是上面例子中最后一行代码的目的。
    不过,解除一个值的引用并不意味着自动回收该值所占用的内存。解除引用的真正作用是让值脱离
    执行环境,以便垃圾收集器下次运行时将其回收。

  • 相关阅读:
    2017级面向对象程序设计 作业三
    2017级面向对象程序设计 作业二
    2017级面向对象程序设计 作业一
    寒假作业之总结
    寒假第三次作业
    寒假第二次作业 与电梯有关的代码问题
    我印象中最深刻的三位老师
    Alpha冲刺Day5
    Alpha冲刺Day4
    Alpha冲刺Day3
  • 原文地址:https://www.cnblogs.com/lsc-boke/p/6513278.html
Copyright © 2011-2022 走看看