javascript - À quoi servent les fermetures dans le développement pratique?
PHPz
PHPz 2017-05-16 13:35:00
0
9
840

Après avoir regardé l'explication de la fonction des fermetures dans la vidéo, je ne comprends toujours pas. Par exemple, le code dans la capture d'écran peut être implémenté en ajoutant un paramètre passline à la fonction cmp.

Qui peut donner un meilleur exemple pour illustrer le rôle de la clôture ?

PHPz
PHPz

学习是最好的投资!

répondre à tous (9)
过去多啦不再A梦

延长局部变量的生命周期,封装私有变量

2. 延续局部变量的寿命 img 对象经常用于进行数据上报,如下所示: var report = function( src ){ var img = new Image(); img.src = src; }; report( 'http://xxx.com/getUserInfo' ); 但是通过查询后台的记录我们得知,因为一些低版本浏览器的实现存在 bug,在这些浏览器 下使用 report 函数进行数据上报会丢失 30%左右的数据,也就是说, report 函数并不是每一次 都成功发起了 HTTP 请求。丢失数据的原因是 img 是 report 函数中的局部变量,当 report 函数的 调用结束后, img 局部变量随即被销毁,而此时或许还没来得及发出 HTTP 请求,所以此次请求 就会丢失掉。 现在我们把 img 变量用闭包封闭起来,便能解决请求丢失的问题: var report = (function(){ var imgs = []; return function( src ){ var img = new Image(); imgs.push( img ); img.src = src; } })();
    伊谢尔伦

    保存变量 大部分时候我是用它来替代全局变量 避免造成变量污染

      巴扎黑

      闭包解决的问题:基于JS词法作用域规则,其访问是一直向上查找作用域,直到全局作用域。而想直接访问某个作用域可通过闭包解决。

      function foo(){ var a = 1; function bar(){ console.log(a); } return bar; } var baz = foo(); baz();

      bar词法作用域可以访问foo内部作用域,foo执行后返回bar,最后赋值给baz,可以获取并访问foo内部作用域,只是标识符不同而已。
      该代码就使用了闭包,可以说写JS代码处处可见闭包,使用闭包还有一个好处就是引用的作用域不会被垃圾回收处理,当然不合理的使用会耗内存

      闭包用来增加变量(能访问某作用域,自然能加变量)或者延长其生命周期(作用域被引用,自然会延长)

      for (var i = 0; i < 5; i++){ setTimeout(function(){ console.log(i)},i * 1000) } for (var i = 0; i < 5; i++){ (function (i) { setTimeout(function(){ console.log(i)},i * 1000) })(i) }

      第一个循环是声明了几个函数,共享全局i变量(变量和函数声明都提升了)。
      第二个循环是定义了几个立即执行函数,又传递了i值,故每个i值都有自己的作用域。
      这个是一个比较好的例子,闭包+循环,只是这个比较特别,闭包访问自身的作用域。

      当然最能体现闭包思想的是模块,返回一个方法,该方法就相当引入了一个作用域。

      闭包:就是一个获取并访问某个作用域,可在外访问或者自身内部访问。

        Ty80

        最大的两个作用

        1. 读取函数内部变量

        2. 让变量值始终保持在内存里

        第一个不赘述,看第二个,举例

        function f1(){     var n=999;     nAdd=function(){n+=1}     function f2(){       alert(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,可以在函数外部对函数内部的局部变量进行操作

        • 管理私有变量和私有方法,将对变量(状态)的变化封装在安全的环境中

        • 将代码封装成一个闭包形式,等待时机成熟的时候再使用,比如实现柯里化和反柯里化

        • 需要注意的:

          • 由于闭包内的部分资源无法自动释放,容易造成内存泄露 解决方法是,在退出函数之前,将不使用的局部变量全部删除。

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

          世界只因有你

          如果我说,set_passLine其实就是两个参数的函数,你能接受吗?

          def set_passLine(passline)(val): # 虽然这不符合语法 pass

          这个和函数

          def set_passLine(passline,val): pass

          在功能上是等价的,但前者,不必一次性给出所有参数来调用。

          另外,第一种写法可以实现和类一样的功能:

          def set_passLine(passline): def cmp(val): pass def resetPassLine(newPassline): passline=newPassline pass return (cmp,resetPassLine)

          虽然这些都是相同功能的不同实现。但是人们越来越发现函数式编程比其他的方式更好,更好的意思是指在代码量上更好,更清晰(但是对程序员的要求越来越高)。

          给个链接吧,但是是我用 js 写的:http://zonxin.github.io/post/...

          P.S.
          面向对象的编程就是把,所有的“物体”看为对象,编程就是,使用对象模拟“物体”的行为,即模拟某个“世界”的运行。
          而函数式编程,只关心“物体”的初始状态和“物体”经过函数之后的最终状态,而不必关心其中的过程,编程就是处理这些函数的复合。

            滿天的星座

            我一直是这么理解的:保护内部变量,通过暴漏API进行操作。

            var name="meimei" function Private(){ var name = "leilei"; return { getName:function(){ console.log(name) }, setName:function(val){ name = val; } } } var private = Private(); private.getName()//"leilei" private.setName("xiaoming") private.getName()//"xiaoming" name//"meimei" //通过暴漏API来操作内部变量。 jquery: (function(){ ... window.$=window.jquery=window.jQuery=... }) //一个匿名自执行函数通过window暴漏jquery,内部变量不会受到其他全局变量的污染,只能通过$的API进行操作。

            以上是个人理解

              Ty80

              避免变量污染,但如果是在ES6中,用let和const就可以解决这个问题了

                大家讲道理

                初级水平来看
                只知道1、可以访问到局部变量
                2、可以一直保存在内存中

                所以使用频率不宜过高,会造成内存泄漏

                  PHPzhong

                  答个我印象深刻的偏函数

                  function logger(logType){ return console.log.bind(console, logType); } var info = logger('[INFO]'); var error = logger('[ERROR]'); info('this is an info'); // => // [INFO] this is an info error('this is an error'); // => // [ERROR] this is an error
                    Derniers téléchargements
                    Plus>
                    effets Web
                    Code source du site Web
                    Matériel du site Web
                    Modèle frontal
                    À propos de nous Clause de non-responsabilité Sitemap
                    Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!