（自己的老博客搬运）createdAt：2017-01-23 20:42:03
更新日志
2017-01-24 改了下‘封装私有变量’的代码；'闭包的概念'部分的文字表述；添加常见应用--‘模仿块级作用域’
闭包的概念
闭包，简单来说就是指那些能够访问另一函数作用域内变量的函数。 比如最基础的
var person=function(){
var name='Shelly';
return function(){
console.log(name);
}
}
var func=person();
func(); //Shelly
作为一个码惯了java的人，是不大能理解这里为什么函数person都执行完了，还能成功打印出'Shelly'的。
事实上，函数person返回的匿名函数，在这里就形成了一个闭包。
可以理解为，这个闭包的作用域链含有 包含这个闭包的函数的作用域，于是这个闭包就拥有包含它的函数的局部变量的引用。
比如这个例子里就是person的name的备份。
就是说，在函数执行结束后，若返回的是一个闭包，此函数的作用域和变量就不会销毁， 依旧可以通过它返回的闭包，来访问此函数的局部变量。
常见应用
-
For循环
function createFunction() {
var result=[];
for(var i=0;i<10;i++){
result[i]=function () {
return i;
}
}
return result;
}
var funcs=createFunction();
for(var i=0;i<funcs.length;i++){
console.log(funcs[i]());
}
// 预想是输出0到9，结果却输出了10个10。。。
// 这是为什么呢。。。
// 可以这样理解
// 注意上述代码的4至6行的匿名函数 function () {return i;}
// 虽然循环了10次产生了10个这样的匿名函数，但是它们形成的是1个闭包
// 这1个闭包里只有1个i，所以result的每一项的函数返回的都是同一个东西~
// 这也就解释了为什么是10个相同的数字
// 那为什么这个数字是10呢
// 因为在for循环了10次之后，i最终被赋值成10而结束循环
// 所以当上述代码12行处调用函数输出i的时候，输出的就是最终的i的值啦~
// 我也是花了好长时间才明白的。。。不理解的话多找找资料~本文结尾的参考链接都是不错的资料~说不定哪句话就点醒你了呢^ ^
//
// 另外，可以将上述代码4至6行改成下面的样子以达到预想目标
result[i]=function (x) {
return function(){
return x;
}
}(i);
// 这样改可以实现，是因为，
// 把原来的function(){return i;}外面
// 包了一个`立即执行`函数（就是在函数体后直接追加小括号，里面放要传的参数，该函数就会被立即执行）
// 由于函数传参是值拷贝传递的，而且是立即执行，所以i的每个值都复制传给了x
// 所以当后面分别调用func[i]输出的就是0到9啦~
-
工厂
来看一个例子~
一个生产检查变量类型函数的工厂
function isType(type){ //这个就是工厂啦~
return function(obj){
return Object.prototype.toString.call(obj)==='[object '+type+']';
}
}
var isString=isType('String');//检查是否是字符串的函数
var isNumber=isType('Number');//检查是否是Number的函数
console.log(isNumber(233)); //true
console.log(isNumber('hhh')); //false
console.log(isString('hhh')); //true
// 上述代码中，工厂的返回值就形成了一个闭包，所以isString、isNumber可以访问isType的局部变量type
-
封装私有变量
可以用闭包来弥补一下javascript里没有private的遗憾~~
var Person=function(){
var name='Lily';
var age=20;
this.getName=function(){
return name;
};
this.addAge=function () {
age++;
};
this.getAge=function () {
return age;
}
}
var func=new Person();
console.log(func.name); //undefined
console.log(func.getName());//Lily
func.addAge();
console.log(func.getAge()); //21
-
模仿块级作用域
因为javascript没有块级作用域，就是像for循环啊、if else语句等这种，代码块里用到的变量在外面也可以使用。 这会带来一定程度的变量名污染，和一些奇怪的bug 不过好在可以使用闭包模仿出块级作用域~看下面的代码
for(var p=0;p<5;p++){
}// 循环体外也可以读写变量p
(function(){
for(var m=0;m<5;m++){
}
})();//将变量m封印在for里~
console.log(p);//5
console.log(m);//Error! m is not defined
总结
闭包是一个神奇又强大的东西~
现在理解的还是不够深刻 继续学习~~~
欢迎指出错误~~欢迎讨论~~ 想看源码可以戳这里^ ^（还包含javascript系列的其他部分的源码哦）
参考：
- stackoverflow的大大~
- MDN文档
- 《Javascript高级程序设计》第2版--Nicholas C. Zakas 第7章
- 《Javascript设计模式与开发实践》--曾探 第3章
