闭包

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、内存泄漏

你可能感兴趣的:(闭包)