标签：style blog color os io 使用 java ar 2014
本系列作为Effective JavaScript的读书笔记。
掌握闭包，需要知道以下几个关键点：
function makeSandwich() {
var magicIngredient = "peanut butter";
function make(filling) {
return magicIngredient + " and " + filling;
}
return make("jelly");
}
makeSandwich(); // "peanut butter and jelly"
以上的make function访问了外部的magicIngredient变量。
function sandwichMaker() {
var magicIngredient = "peanut butter";
function make(filling) {
return magicIngredient + " and " + filling;
}
return make;
}
var f = sandwichMaker();
f("jelly"); // "peanut butter and jelly"
以上的代码是如何工作的：
实际上，JavaScript中的function不仅仅只记录了需要执行的代码的信息，还保存了所有它引用到的变量的信息，这实际上就是闭包的概念。
那么以上的makefunction就是一个闭包，它保存了magicIngredient以及filling这两个变量的信息。
因此，可以利用这一点来声明更加general-purpose的function：
function sandwichMaker(magicIngredient) {
function make(filling) {
return magicIngredient + " and " + filling;
}
return make;
}
var hamAnd = sandwichMaker("ham");
hamAnd("cheese"); // "ham and cheese"
hamAnd("mustard"); // "ham and mustard"
闭包是JavaScript中最显著和优雅的特性，JavaScript甚至提供了一个更简洁的方式来创建闭包，叫做Function Expression：
function sandwichMaker(magicIngredient) {
return function(filling) {
return magicIngredient + " and " + filling;
};
}
注意到以上的functionexpression是匿名的，因为这里需要的只是返回一个function(也就是闭包)，用来引用一些信息。当然，function expression是可以有名字的，在Item 14中会进行介绍。
function box() {
var val = undefined;
return {
set: function(newVal) { val = newVal; },
get: function() { return val; },
type: function() { return typeof val; }
};
}
var b = box();
b.type(); // "undefined"
b.set(98.6);
b.get(); // 98.6
b.type(); // "number"
以上的box函数返回了一个对象，其中含有三个闭包，每个闭包都引用到了其外部的val变量，其中set闭包也能够对val变量进行修改。
总结：
Effective JavaScript Item 11 掌握闭包
标签：style blog color os io 使用 java ar 2014
原文地址：http://blog.csdn.net/dm_vincent/article/details/39079555
