闭包

作者: 如你眉间山水 | 来源:发表于2019-07-12 18:46 被阅读0次

    1、闭包就是一个持有外层函数变量的内层函数。(闭包是指有权访问另一个函数作用域中的变量的函数)

        function createComparisonFunction (propertyName) {
    
            return function (object1, object2) {
                var value1 = object1[propertyName];
                var value2 = object2[propertyName];
    
                if (value1 > value2) {
                    return 1;
                } else if (value1 < value2) {
                    return -1;
                } else {
                    return 0;
                }
            }
        }
    
         // 创建函数
        var a = createComparisonFunction('a');
        // 调用函数
        var result = a({'a': 1}, {'a': 2});
        
        // 解除对匿名函数的引用(以便释放内存)
        
        result = null;
    

    由于闭包会携带包含它的函数的作用域,因此会比其他函数占用更多的内存。过度使用闭包可能会导致内存占用过多。

    2、闭包与变量

        function createFunctions () {
            var result = new Array();
    
            for (var i = 0; i < 10; i++) {
                result[i] = function () {
                    return i;
                }
            }
    
            return result;
        }
        // 当createFunctions()函数返回后,变量i的值是10。所以每个函数内部i的值都是10。
    
        function createFunctions () {
            var result = new Array();
    
            for (var i = 0; i < 10; i++) {
                result[i] = (function (num) {
                    return function () {
                        return num;
                    }
                })(i)
            }
    
            return result;
        }
        // 由于函数参数是按值传递的,所以就会将变量i的当前值复制给参数num。而在这个匿名函数内部,又创建并返回了一个访问num的闭包。这样一来,result数组中的每个函数都有自己num变量的一个副本,因此就可以返回各自不同的数值了。
    

    3、关于this对象

    1、全局函数中,this等于window
    2、当函数作为某个对象的方法调用时,this等于那个对象
    3、匿名函数执行环境具有全局性,其this对象通常指向window
    4、call()、apply()改变函数执行环境的情况下,this就会指向其他对象。

        var  name = 'The Window'
    
        var object = {
            name: 'My Object',
            getNameFun: function () {
                return function () {
                    return this.name;
                }
            }
        }
        object.getNameFun()() // The Window
    

    每个函数在被调用时都会自动取得两个变量:this和arguments。内部函数在搜索这两个变量时,只会搜索到其活动对象为止,因此永远不可能直接访问外部函数中的这两个变量。不过,把外部作用域中的this对象保存在一个闭包能够访问到的变量里,就可以让闭包访问该对象了。

        var object = {
            name: 'My Object',
            getNameFun: function () {
                var that = this;
                return function () {
                    return that.name;
                }
            }
        }
        object.getNameFun()()  // My Object
    

    4、内存泄漏

    相关文章

      网友评论

          本文标题:闭包

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