09_closure.md

Table of Contents generated with DocToc

• 闭包
  • 闭包的应用
    • 保存变量现场
    • 封装

闭包

• 闭包有函数和与其相关的引用环境的组合而成
• 闭包允许函数访问其引用环境中的变量（又称自由变量）
• 广义上来说，所有 JavaScript 的函数都可以成为闭包，因为 JavaScript 函数在创建时保存了当前的词法环境。

function add() {
  var i = 0;
  return function() {
    alert(i++);
  }
}
var f = add();
f();
f();

闭包的应用

保存变量现场

// 错误方法
var addHandlers = function(nodes) {
  for (var i = 0, len = nodes.length; i < len; i++) {
    nodes[i].onclick = function(){
      alert(i);
    }
  }
}

// 正确方法
var addHandlers = function(nodes) {
  var helper = function(i) {
    return function() {
      alert(i);
    }
  }

  var (var i = 0, len = nodes.length; i < len; i++) {
    nodes[i].onclick = helper(i);
  }
}

封装

// 将 observerList 封装在 observer 中
var observer = (function(){
  var observerList = [];
  return {
    add: function(obj) {
      observerList.push(obj);
    },
    empty: function() {
      observerList = [];
    },
    getCount: function() {
      return observerList.length;
    },
    get: function() {
      return observerList;
    }
  };
})();