javascript中的闭包

lifefriend_007 发布于2019-08-21 10:51 / 2089人阅读

摘要：由于在语言中只有函数内部的子函数才能读取局部变量，因此可以把闭包理解为定义在一个函数内部的函数。使用闭包的注意点由于闭包使函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包。当返回时，变量的值为，所有闭包都共享这一个值。

函数对象可以通过作用域链相互关联起来，函数体内部的变量都可以保存在函数作用域内，这种特性称为闭包。

简单点可以理解为：闭包就是能够读取其他函数内部变量的函数。由于在javascript语言中,只有函数内部的子函数才能读取局部变量，因此可以把闭包理解为“定义在一个函数内部的函数”。

闭包的用途：

读取函数内部的变量。

变量的值始终保持在内存中。

    function f1(){
        var n = 999;
        nAdd = function(){
            n += 1
        }
        function f2(){
            console.log(n);
        }
        return f2;
    }
    var result=f1();
    result(); // => 999
    nAdd();
    result(); // => 1000

在这段代码中，result实际上就是闭包f2函数。它一共运行了两次，第一次的值是999，第二次的值是1000。这证明了，函数f1中的局部变量n一直保存在内存中，并没有在f1调用后被自动清除。

为什么会这样呢？原因就在于f1是f2的父函数，而f2被赋给了一个全局变量，这导致f2始终在内存中，而f2的存在依赖于f1，因此f1也始终在内存中，不会在调用结束后，被垃圾回收机制（garbage collection）回收。

这段代码中另一个值得注意的地方，就是"nAdd=function(){n+=1}"这一行，首先在nAdd前面没有使用var关键字，因此nAdd是一个全局变量，而不是局部变量。其次，nAdd的值是一个匿名函数（anonymous function），而这个匿名函数本身也是一个闭包，所以nAdd相当于是一个setter，可以在函数外部对函数内部的局部变量进行操作。

使用闭包的注意点：

由于闭包使函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包。解决方法：在退出函数之前，将不使用的局部变量全部删除。闭包不会造成内存泄漏，内存泄漏是浏览器的bug。

闭包会在函数外部，改变父函数内部变量的值。

在同一个作用域里定义两个闭包，这两个闭包共享同样的私有变量。例如：

   function constfuncs() {
        var funcs = [];
        for(var i = 0; i < 10; i++ ) {
            funcs[i] =  function () {
                return i;
            }
        }
        return funcs;
    }
    var funcs = constfuncs();
    console.log(funcs[5]());  // => 10

这段代码创建了10个闭包，并将它们存储到一个数组中。这些闭包都是在同一个函数中定义的，所以它们共享变量i。当constfuncs()返回时，变量i的值为10，所有闭包都共享这一个值。
修改为：

    function constfuncs(v) {
        return function() {
            return v;
        }
    }
    var funcs = [];
    for(var i = 0; i < 10; i++ ) {
        funcs[i] =  constfuncs(i);
    }
    console.log(funcs[5]()); // => 5

服务器托管云服务器编程语言中的+闭包 javascript闭包 javascript闭包详解 javascript中的

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/86311.html

JavaScript中的闭包

摘要：闭包引起的内存泄漏总结从理论的角度将由于作用域链的特性中所有函数都是闭包但是从应用的角度来说只有当函数以返回值返回或者当函数以参数形式使用或者当函数中自由变量在函数外被引用时才能成为明确意义上的闭包。文章同步到github js的闭包概念几乎是任何面试官都会问的问题,最近把闭包这块的概念梳理了一下,记录成以下文章。什么是闭包我先列出一些官方及经典书籍等书中给出的概念,这些概念虽然...

HmyBmny 2019-08-21 17:07 评论0 收藏0
JavaScript闭包，只学这篇就够了

摘要：当在中调用匿名函数时，它们用的都是同一个闭包，而且在这个闭包中使用了和的当前值的值为因为循环已经结束，的值为。最好将闭包当作是一个函数的入口创建的，而局部变量是被添加进这个闭包的。闭包不是魔法这篇文章使用一些简单的代码例子来解释JavaScript闭包的概念，即使新手也可以轻松参透闭包的含义。其实只要理解了核心概念，闭包并不是那么的难于理解。但是，网上充斥了太多学术性的文章，对于...

CoderBear 2019-08-21 11:56 评论0 收藏0
还担心面试官问闭包？

摘要：一言以蔽之，闭包，你就得掌握。当函数记住并访问所在的词法作用域，闭包就产生了。所以闭包才会得以实现。从技术上讲，这就是闭包。执行后，他的内部作用域并不会消失，函数依然保持有作用域的闭包。网上总结闭包的文章已经烂大街了，不敢说笔者这篇文章多么多么xxx，只是个人理解总结。各位看官瞅瞅就好，大神还希望多多指正。此篇文章总结与《JavaScript忍者秘籍》《你不知道的JavaScri...

tinyq 2019-08-21 17:28 评论0 收藏0
JavaScript中的闭包

摘要：权威指南第版中闭包的定义函数对象可以通过作用域链相互关联起来，函数体内部的变量都可以保存在函数作用域内，这种特性在计算机科学文献中成为闭包。循环中的闭包使用闭包时一种常见的错误情况是循环中的闭包，很多初学者都遇到了这个问题。闭包简介闭包是JavaScript的重要特性，那么什么是闭包？《JavaScript高级程序设计(第3版)》中闭包的定义：闭包就是指有权访问另一个函数中的变...

Donne 2019-08-21 15:36 评论0 收藏0
深入javascript——作用域和闭包

摘要：注意由于闭包会额外的附带函数的作用域内部匿名函数携带外部函数的作用域，因此，闭包会比其它函数多占用些内存空间，过度的使用可能会导致内存占用的增加。作用域和作用域链是javascript中非常重要的特性，对于他们的理解直接关系到对于整个javascript体系的理解，而闭包又是对作用域的延伸，也是在实际开发中经常使用的一个特性，实际上，不仅仅是javascript，在很多语言中都...

oogh 2019-08-21 10:18 评论0 收藏0
Javascript闭包入门(译文)

摘要：也许最好的理解是闭包总是在进入某个函数的时候被创建，而局部变量是被加入到这个闭包中。在函数内部的函数的内部声明函数是可以的可以获得不止一个层级的闭包。前言总括：这篇文章使用有效的javascript代码向程序员们解释了闭包，大牛和功能型程序员请自行忽略。译者：文章写在2006年，可直到翻译的21小时之前作者还在完善这篇文章，在Stackoverflow的How do Java...

Fourierr 2019-08-20 13:56 评论0 收藏0