原文链接来源:

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

当嵌套函数在被嵌套函数之外调用的时候,就形成了闭包。  (By nowmagic)

        // 函数内部可以直接读取全局变量
            var n = 999;
            function f1() {
                alert(n);
            }
            f1(); // 999
       
       
        // 函数外部无法读取函数内部的变量,主义函数内部声明变量的时候,一定要使用var。
        // 如果不用,则相当于声明了一个全局变量。
        function f2() {
            var n = 999;
        }
        alert(n); 
       
        // FF: ReferenceError: n is not defined  
        // Chrome: Uncaught ReferenceError: n is not defined
        // IE8: n is undefined
      
        // 如果函数内部不使用var来声明变量,那么相当于声明了一个全局变量。
        function f3() {
            n = 999;
        }
        f3(); // 
        alert(n);
       
        
        // 不声明全局变量,我们要如何才能读取函数内部的变量呢?
        // 一个变通的方法就是,在函数的内部,再定义一个函数。
       
        function f4() {
            var n = 999;
            function f5() {
                alert(n);    // 999
            }
            f5();
        }
        f4();
      
        /*
            函数f5就被包括在函数f4内部,这时f4内部的所有局部变来那个,对f5都是可见的。但是反过来就不行,f5内部的局部变量,对f4是不可见的。这就是JavaScript语言特有的“链式作用域”结构(chain scope),子对象会一级一级地向上寻找所有父对象的变量。所以,父对象的所有变量,对子对象都是可见的,反之则不成立。
        */
        // 既然f5可以读取f4中的局部变量,那么只要把f5作为返回值,我们不就可以在f4外部读取它的内部变量了吗?
        
        function f4() {
            var n = 999;
            function f5() {
                alert(n);
            }
            return f5;
        }
        
        var result = f4();
        result();
        // 上面代码中的f5函数,就是闭包。
        // 闭包就是能够读取其他函数内部变量的函数。
        // 由于在JavaScript语言中,只有函数内部的字函数才能读取局部变量,因此可以把闭包简单理解成“定义在一个函数内部的函数”。
        // 所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。
        
        // 闭包的最大用途,一个是可以读取函数内部的变量,另一个是让这些变量的值始终保存在内存中。
        function f6() {
            var n = 999;
            nAdd = function() { 
                n+=1; 
                console.log(this);// Object window
            };
            function f7(){
                alert(n);
                console.log(this); // Object window
            }
            
            return f7;
        
        }
        
        var result = f6();
        result(); // 999
        nAdd();
        result(); // 1000
        
        // result实际上就是闭包函数f7,它一共运行两次,第一次的值为999,第二次的值是1000。这证明了,函数f6中的局部变量n
        // 一直保存在内存中,并没有在f1调用结束后被自动清除。
        // 为什么会这样呢?原因在于f6是f7的父函数,而f7被赋值给一个全局变量,这导致f7始终在内存中,而f7的存在依赖于f6,因此
        // f6也始终在内存中,不会在调用结束后,被垃圾回收机制(garbage collection)回收。
        // JavaScript垃圾回收机制(garbage collection)规则就是:不会再被对象调用的。
        // nAdd前面没有使用var关键字,因此nAdd是一个全局变量,而不是局部变量。其次,nAdd的值
        //是一个匿名函数(anonymous function),这个函数本身也是一个闭包。
        // nAdd的作用相当于一个setter,可以在函数外部对函数内部的变量进行操作。
        
        // 使用闭包的注意点: 
        // 1. 函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用,解决办法是,在退出函数之前,将不使用的局部变量全部删除。
        // 2. 闭包会在父函数外部,改变父函数内部变量的值。如果把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method)
        // 把内部变来那个当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。
        
        var name = 'The Window';
        
        var obj = {
            name: 'My Object',
            getNameFunc: function() {
                return function() {
                 return this.name;
                }
            }
        }
        
        alert(obj.getNameFunc()()); 
        // 调用getNameFun方法对象是obj,返回匿名函数(anonymous function)作为一个
        // 全局变量,它的调用对象是window,所以输出为 "The Window"
        
        var name = 'The Window';
        
        var obj = {
            name: 'My Object',
            getNameFunc: function() {
                var that = this; 
                return function() {
                    return that.name;
                }
            }
        }
        
        alert(obj.getNameFunc()()); // Output: My Object
        
    

[label][JavaScript]闭包阅读笔记的更多相关文章

  1. JavaScript闭包学习笔记

    此文都是大牛们关于闭包的观点,在此只是总结. 闭包应用的两种情况即可——函数作为返回值,函数作为参数传递. 1 深入理解javascript原型和闭包 判断一个变量是不是对象非常简单.值类型的类型判断 ...

  2. <<Javascript Patterns>>阅读笔记 -- 第2章 基本技巧(一)

    第一次写这种东西, 有些生涩和蹩脚, 也是为了自己在表达或是总结方面有所提高, 同时为看过的东西留个痕迹, 以便日后查阅. 有错误或是不妥的地方, 还望各位指正, 谢谢! 第1章 简介 本章主要介绍了 ...

  3. <<Javascript Patterns>>阅读笔记 -- 第2章 基本技巧(二)

    关于for-in循环 循环数据时, 强烈不推荐使用for-in循环.因为当Array对象被扩展后, 再用for-in循环遍历数据会导致逻辑上的错误, 举例说明: var arr = ['a', 'b' ...

  4. <<Javascript Patterns>>阅读笔记 – 第3章 字面量和构造函数

    对象字面量 首先给出对象字面量的定义语法: 1. 将对象定义在一对括号中(左大括号“{”和右大括号”}”) 2. 对象中以逗号分隔属性和方法. 每个属性或方法以key-value的形式出现, key和 ...

  5. javascript高级程序设计阅读笔记(一)

    javascript高级程序设计阅读笔记(一) 工作之余开发些web应用作为兴趣,在交互方面需要掌握javascript和css.HTML5等技术,因此读书笔记是必要的. javascript简介 J ...

  6. JavaScript高级程序设计 - 阅读笔记

    [本博客为原创:http://www.cnblogs.com/HeavenBin/] 前言: 大致花费了一个星期的时间把这本书认真看了半本,下面是我做的阅读笔记,希望能够让看这本书的人有个大致的参考. ...

  7. 阅读笔记《JavaScript语言精粹》

    阅读笔记<JavaScript语言精粹> 对象 1.检索属性 使用[]和. 2.引用传递 JavaScript的简单数据类型包括数字.字符串.布尔值.null值和undefined值.其它 ...

  8. 昼猫笔记 JavaScript -- 闭包

      本次主要内容是 闭包 阅读时间: 约 3分钟 记得点个赞支持支持我哦 初步了解 先看下代码,输出结果是多少? function fn1 () { var a = 2 function fn2 () ...

  9. javascript闭包获取table中tr的索引 分类: JavaScript 2015-05-04 15:10 793人阅读 评论(0) 收藏

    使用javascript闭包获取table标签中tr的索引 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN& ...

随机推荐

  1. 管道和FIFO 二

    前面我们学习了一下进程,我们知道多,进程间的地址空间相对独立.进程与进程间不能像线程间通过全局变量通信. 如果想进程间通信,就需要其他机制.          常用的进程间通信方式有这几种   A.传 ...

  2. 虚拟机Linux桥接模式下设置静态IP

    之前一直使用NAT模式,测试时android端远程访问虚拟机的mysql时发现无法连接,但是访问同学拷过来的虚拟机Linux的mysql却成功了,想了下原因是他设置的桥接模式.关于两种模式的区别,网上 ...

  3. eaccelerator详解

    之前在看书的时候看到一个eaccelerator,以前也没用过 不知道是啥东东,不知道以后会用到不,先mark一下吧 eAccelerator是一个自由开放源码php加速器,优化和动态内容缓存,提高了 ...

  4. Qt添加库文件和头文件目录(QCreator)

    在使用QtCreator开发图像处理程序的时候想加入Opencv库来处理图形,添加头文件,需要编辑工程文件夹下的.pro文件在文件中添加以下内容,即可包含头文件的文件夹: INCLUDEPATH += ...

  5. adb端口占用及模拟器调试

    首先在使用ADB前所有手机辅助类软件 1.CMD命令窗口输入:adb nodaemon server .然后就会提示你哪个端口被占用了. 2.输入netstat -ano | findstr &quo ...

  6. Keras 入门

    “sample”“batch”“epoch” Sample:样本,比如:一张图像是一个样本,一段音频也是一个样本. Batch:批,含有N个样本的集合.每一个batch的样本都是独立的并行处理.在训练 ...

  7. 自己写了一个图片的马赛克消失效果(jQuery)

    其中的一个效果: html代码: <h1>单击图片,产生效果</h1> <div class="box"></div> 插件代码: ...

  8. var和let示例

    声明后未赋值,表现相同 (function() { var varTest; let letTest; console.log(varTest); //输出undefined console.log( ...

  9. ubantu环境下fidder安装

    转自:http://www.cnblogs.com/jcli/p/4474332.html Linux(Ubuntu)环境下使用Fiddler 自己的开发环境是Ubuntu, 对于很多优秀的软件但是又 ...

  10. 部分流媒体协议及流媒体开发框架vitamio

    流媒体协议部分RTP.RTCP.RTSP.MMS.HLS.HTTP progressive streaming   流媒体协议:(RTP.RTCP.RTSP.MMS.HLS.HTTP progress ...