JavaScript学习-闭包

1，匿名函数

• 创建一个函数并将它赋值给变量，这种情况下创建的函数叫匿名函数。匿名函数有时候也叫拉姆达函数。

2，闭包

• 概念
  闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式就是，在一个函数内部创建另一个函数。

• 闭包与变量

  • 作用域链的配置机制会有一个副作用，即闭包只能取得包含函数中任何变量的最后一个值，例如下面说明这个问题。

    function createFunction(){
        var result = new Array();
    
        for(var i=0; i<10; i++){
            result[i] = function(){
                return i;
            };
        }
        return result;
    }

  • 每个函数都引用这保存变量i的同一个变量对象，所以每个函数内部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;
    }

3，关于this对象

• 在使用this对象也可能会导致一些问题。如下代码所示：

var name = "The Window"
var object = {
    name : "My Object",

    getNameFunc : function(){
        return function(){
            return this.name;
        };
    }
};
alert(object.getNameFunc()()); // "The Window"

• 我们将外部作用域中的this对象保存在一个闭包能够访问到的变量里，就可以让闭包访问该对象了。

var name = "The Window"
var object = {
    name : "My Object",

    getNameFunc : function(){
        var that = this;
        return function(){
            return that.name;
        };
    }
};
alert(object.getNameFunc()()); // "My Object"

4，内存泄漏

• 首先看一段解决内存泄露的代码：

  function assignHandler(){
      var element = document.getElementById("someElement");
      var id = element.id;
  
      element.onclick = function(){
          alert(id);
      );
  
      element = null;
  }

• 在上面的代码中，通过element.id的一个副本保存在一个变量中，并且在闭包中引用该变量消除了循环引用。但仅仅做到这一步，还是不能解决内存泄漏的问题。闭包会引用包含函数的整个活动对象，而其中包含着element。即使闭包不直接引用element，包含函数的活动对象中也仍然会保存一个引用。因此，有必要把element变量设置为null。这样就能够解除对DOM对象的引用，顺利地减少其引用数，确保正常回收其占用的内存。