`
该用户名已经存在
  • 浏览: 306588 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Javascript 中的返回函数和闭包

阅读更多
在Javascript中没有类的概念,函数就是第一类对象。
函数就是对象,主要的表现形式有:
1. 函数可以在运行时创建,也可以在运行的过程中创建。
2. 函数可以被分配给其他变量,可以将它们的引用复制给其他变量。
3. 函数可以作为参数传递给其他函数,且还可以作为其他函数的返回值返回。
4. 函数可以有自己的属性和方法。
本文将重点讨论函数作为返回值的形式。
例如:
    var  setup = function()
    {
        //函数setup的私有变量
         var count = 0;
        //返回函数访问私有变量
         return function()
        {
            return (count += 1);
        };
    };
        //外部调用返回函数
         var next = setup();
        alert(next()); //1
        alert(next()); //2
        alert(next()); //3
        alert(next()); //4

通过以上代码,可以看到2个现象:
1. 变量count是函数setup的私有变量,外部函数是无法直接访问的,但是我们可以通过函数setup的内部匿名函数访问。如果我们将这个内部函数返回,外部调用该函数的时候就可以间接访问函数setup的私有变量。
2. 函数setup的私有变量count看起来像一个静态变量,每次调用都可以在上一次调用的基础上递增1。


现象1:在Javascript中,函数有两个特别的特征,一是前面说过的函数就是对象,二是函数提供局部作用域。这和Java中{}提供变量作用域是有区别的。
Javascript中的作用域链访问模式:
 
    //全局作用域
    var global = "global";

    function outer()
    {
        //函数outer的作用域
        var outer_v = "outer";
       alert(global); //global,能访问全局作用域的变量
        alert(inner); //undefined,不能访问内部函数作用域的变量
        
        var inner = function()
        {
            //函数inner的作用域
              var inner_v = "inner";
            alert(outer_v); //outer,能访问外部函数作用域的变量
        }
    }

    alert(outer_v); //undefined, 不能访问oute函数作用域的变量。

以上代码就是为了说明Javascript语言特有的“链式作用域”结构(chain scope)。即子对象会一级一级地向上寻找所有父对象的变量。所以,父对象的所有变量,对子对象都是可见的,反之则不成立。


现象2:为什么函数setup的私有变量count的表现好似Java中的静态变量?
     var next = setup();

不难理解,这句话调用之后,我们创建了一个全局变量next指向了函数setup的内部函数,所以setup的内部函数将一直存在于内存中,不会被垃圾回收器回收。而内部函数的存在是依赖外部函数setup的,所以setup也会一直存在于内存中而不被销毁。所以其私有属性的值不会被重置。特别注意,Javascript中函数不是类,是第一类对象,归根结底是对象,相当于内存中存在一个不被销毁的对象,所以该对象的属性不会被改变,这和Java中的静态变量是有区别的。
可以看出,随意使用返回函数是很消耗性能的,因为这些函数对象将一直存在于内存中。

其实以上阐述的这种返回函数的模式,就是Javascript中所谓的闭包。
闭包的概念:
官方”的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
我的理解是,闭包就是在函数外部使用函数内部的返回函数。
也就是说:当函数a的内部函数b被函数a外的一个变量引用的时候,就创建了一个闭包。

闭包的作用主要就是为了保护私有变量。
使用闭包的注意事项:
1.由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。
2.由于Javascript特殊的作用域链,闭包会在父函数外部,改变父函数内部变量的值。
分享到:
评论

相关推荐

    JS匿名函数、闭包

    匿名函数,也称为拉姆达函数,是一种使用JavaScript函数的强大方式。以下总结了匿名函数的特点: 任何函数表达式从技术上说都是匿名函数,因为没有引用它们的确定的方式; 在无法确定如何引用函数的情况下,递归...

    JavaScript闭包函数

    闭包是ECMAScript (JavaScript)最强大的特性之一,但用好闭包的前提是必须理解闭包。闭包的创建相对容易,人们甚至会在不经意间创建闭包,但这些无意创建的闭包却存在潜在的危害,尤其是在比较常见的浏览器环境下...

    javascript笔记之匿名函数和闭包.docx

    javascript笔记之匿名函数和闭包.docx

    深度探讨javascript函数的原型链和闭包

    深度探讨javascript函数的原型链和闭包

    浅析javascript语言中的函数闭包现象.pdf

    浅析javascript语言中的函数闭包现象.pdf

    (转载)JavaScript中匿名函数,函数直接量和闭包.docx

    (转载)JavaScript中匿名函数,函数直接量和闭包.docx

    js高级函数之闭包

    js高级中的函数之闭包函数全解与应用场景(循环闭包,定时器,面试题)

    谈谈JavaScript中的函数与闭包

    本篇文章,小编将与大家谈谈JavaScript中的函数与闭包,有需要的朋友可以参考一下

    javascript笔记之匿名函数和闭包

    本文介绍了js匿名函数和闭包的相关内容,供大家参考,具体内容如下 匿名函数 [removed] //function(){}//会报错 var fun = function(){};//将匿名函数赋值给变量 (function(){})();//匿名函数自执行 function...

    深入理解javascript原型和闭包

    深入理解javascript原型和闭包(01)——一切都是对象 深入理解javascript原型和闭包(02)——函数和对象的关系

    详解JavaScript匿名函数和闭包

    在JavaScript前端开发中,函数与对其状态即词法环境(lexical environment)的引用共同构成闭包(closure)。也就是说,闭包可以让你从内部函数访问外部函数作用域。在JavaScript,函数在每次创建时生成闭包。匿名...

    js闭包函数

    学习javascript闭包函数的实用文档,讲解全面、详细。pdf格式,

    JavaScript 匿名函数和闭包介绍

    主要介绍了JavaScript 匿名函数和闭包介绍,需要的朋友可以参考下

    深入理解javascript函数参数与闭包

    最近在学习javascript的函数,函数是javascript的一等对象,想要学好javascript,就必须深刻理解函数。本人把学习的过程整理成文章,一是为了加深自己函数的理解,二是给读者提供学习的途径,避免走弯路。内容有些多...

    javascript中的return和闭包函数浅析

    主要介绍了javascript中的return和闭包函数浅析,至少可以让你搞懂那么多()是什么意思,需要的朋友可以参考下

    理解_JavaScript_闭包

    本文结合 ECMA 262 规范详解了闭包的内部工作机制,让 JavaScript 编程人员对闭包的理解从“嵌套的函数”深入到“标识符解析、执行环境和作用域链”等等 JavaScript 对象背后的运行机制当中,真正领会到闭包的实质。

Global site tag (gtag.js) - Google Analytics