美文网首页
Js中 闭包小总结

Js中 闭包小总结

作者: 史梦辰 | 来源:发表于2018-11-18 00:08 被阅读0次

    什么是闭包?

    闭包就是有权访问另一个函数作用域中的变量的函数

    怎么创建闭包?

    在一个函数内部创建另一个函数,内部函数会将外部函数的活动对象添加到它的作用域链中。当外部函数返回后,其执行环境的作用域链会被销毁,但它的活动对象不会被销毁,直到内部函数被销毁后,外部函数的活动对象才会被销毁
    闭包的作用

    一个是读取函数内部的变量,另一个是让这些变量的值始终保持在内存中。

    有什么副作用?

    闭包只能取得外部函数中任何变量的最后更新值

    function createFunction() {
        var result = new Array();
        for (var i = 0; i < 10; i++) {
            result[i] = function() {
                return i;
            };
        }
        return result;
    }
    
    var func = createFunction();
    for (var i = 0; i < 10; i++) {
        document.write(func[i]() + "<br />");
    }
    

    输出结果:


    res.png

    实际上,每个函数都返回10,因为每个函数的作用域都保存着createFunctions()函数的活动对象,它们引用的都是同一个变量i,当函数createFunctions()返回时,活动变量里i是10。

    可以通过创建另外一个匿名函数强制让闭包行为符和预期。

    function createFunction() {
        var result = new Array();
        for (var i = 0; i < 10; i++) {
            result[i] = function(num) {
                return function() {
                    return num;
                }
            }(i);//立即执行该匿名函数的结果赋予数组
        }
        return result;
    }
    
    var func = createFunction();
    for (var i = 0; i < 10; i++) {
        document.write(func[i]() + "<br />");
    }
    

    相关文章

      网友评论

          本文标题:Js中 闭包小总结

          本文链接:https://www.haomeiwen.com/subject/lmrwfqtx.html