javascript中的闭包

2024年4月30日 174次阅读 来源: silence
函数对象可以经由过程作用域链互相关联起来，函数体内部的变量都可以保留在函数作用域内，这类特征称为闭包。

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

闭包的用处：

  1. 读取函数内部的变量。

  2. 变量的值一向保持在内存中。

    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，可以在函数外部对函数内部的局部变量举行操纵。

运用闭包的注重点：

  1. 因为闭包使函数中的变量都被保留在内存中，内存斲丧很大，所以不能滥用闭包。解决方法：在退出函数之前，将不运用的局部变量悉数删除。闭包不会形成内存走漏，内存走漏是浏览器的bug。

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

在同一个作用域里定义两个闭包，这两个闭包同享一样的私有变量。比方：
   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
    原文作者：silence
    原文地址: https://segmentfault.com/a/1190000005649807
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞