js闭包笔记

闭包

MDN上给的定义是： 一个函数和对其周围状态（词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包。 闭包可以让你在一个内层函数中访问到其外层函数的作用域。在JavaScript中，每当创建一个函数，闭包就会在函数创建的同时被创建出来。

词法作用域

function init() {
    var name = "Mozilla"; // name 是一个被 init 创建的局部变量
    function displayName() { // displayName() 是内部函数，一个闭包
        alert(name); // 使用了父函数中声明的变量
    }
    displayName();
}
init();

init()中创建了一个局部变量name和一个名为displayName()的函数。这个函数是定义在init()里的内部函数，并且仅在init()函数体内可用。displayName()没有自己的局部变量但它可以访问到外部函数的变量，所以displayName()可以使用父函数init()中声明的变量name

闭包例子

function makeFunc() {
    var name = "Mozilla";
    function displayName() {
        alert(name);
    }
    return displayName;
}

var myFunc = makeFunc();
myFunc();

闭包是由函数以及声明该函数的词法环境组合而成的。该环境中包含了这个闭包创建时作用域内的任何局部变量。
在这个例子中，myFunc是执行makeFunc是创建的displayName函数实例的引用。displayName的实例维持了一个对它的词法环境（name存在于其中）的引用。因此，当myFunc被调用时，变量name仍然可用，其值Mozilla就被传递到alert中。

function makeAdder(x) {
  return function(y) {
    return x + y;
  };
}

var add5 = makeAdder(5);
var add10 = makeAdder(10);

console.log(add5(2));  // 7
console.log(add10(2)); // 12

add5和add10都是闭包，它们共享相同的函数定义，但是保存了不同的词法环境（即变量不同）