【JavaScript】——匿名函数和闭包

前提

    通过最近一段时间对JavaScript视频的学习，接触到一种新的函数——匿名函数，也是通过对新鲜事物的学习，进而接触到新的一个名词——闭包。首先还是从基础的匿名函数开始谈起。

一、匿名函数

匿名函数就是没有名字的函数，而闭包就是访问一个函数作用域里变量的函数。

一个小demo对比一下普通函数和匿名函数的不同之处：

//普通函数
function box(){
	return 'Lee';
}
alert(box());
//匿名函数
function  (){
	return 'Lee';
}
alert(box());      //这个时候出现编译错误，unexpected token

关于匿名函数具体有两种书写方式

//通过表达式自我执行
(function  (){
	return 'Lee';
})();
//把匿名函数赋给变量
var box=function(){
	return 'Lee';
};
alert(box());

二、何为闭包（定义）

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

<span style="font-size:18px;">//普通函数里面的匿名函数，产生闭包
function box(){
	return function(){
		return 'Lee';
	}
}
alert(box()());//调用匿名函数</span>

这个闭包解决的问题就是可以访问到函数的局部变量。

三、闭包的应用

1、模仿块级作用域（私有作用域）

<span style="font-size:24px;"></span>//模仿块级作用域(私有作用域)
(function () {
//这里是块级作用域
})();
//使用块级作用域(私有作用域)改写
function box(count) {
<span style="white-space:pre">	</span>(function () {
<span style="white-space:pre">		</span>for (var i = 0; i<count; i++) {}
<span style="white-space:pre">	</span>})();
<span style="white-space:pre">	</span>alert(i); //报错，无法访问
}
box(2);

这样有两个非常鲜明的特点，不会因为除了作用域而被销毁，重新申明一个变量也不会改变它的值。这样最大的好处就是匿名函数中定义的任何变量，都会在执行结束时被销毁，经常用于全局作用域中被用的函数外部，限制向全局作用域中添加过多的变量和函数，避免多人开发时造成的命名冲突问题。而且在全局作用域中使用块级作用域可以减少闭包占用的内存问题。

2、静态私有变量

通过块级作用域中定义私有变量或函数，同样可以创建对外公共的特权方法。

(function () {
var age = 100;
function run() {
return '运行中...';
}
Box = function () {}; //构造方法
Box.prototype.go = function () { //原型方法
return age + run();
};
})();
var box = new Box();
alert(box.go());

使用了 prototype 导致方法共享了，而age也就变成静态属性了。(所谓静态属性，即共
享于不同对象中的属性)。

3、模块模式

之前采用的都是构造函数的方式来创建私有变量和特权方法。 那么对象字面量方式就采
用模块模式来创建。

var box = { //字面量对象，也是单例对象
<span style="white-space:pre">	</span>age : 100, //这是公有属性，将要改成私有
<span style="white-space:pre">	</span>run : function () { //这时公有函数，将要改成私有
<span style="white-space:pre">		</span>return '运行中...';
<span style="white-space:pre">	</span>};
};
//私有化变量和函数：
var box = function () {
var age = 100;
<span style="white-space:pre">	</span>function run() {
<span style="white-space:pre">		</span>return '运行中...';
<span style="white-space:pre">	</span>}
<span style="white-space:pre">	</span>return { //直接返回对象
<span style="white-space:pre">		</span>go : function () {
<span style="white-space:pre">			</span>return age + run();
<span style="white-space:pre">		</span>}
<span style="white-space:pre">	</span>};
}();

模块模式的本质：通过返回一个对象或变量并赋给一个函数外变量，这样我们可以暴露任何希望暴露给外界的，我们可以有公开和私有的方法。

四、闭包的优缺点

优点

    就是可以把局部变量驻留在内存中，可以避免使用全局变量。(全局变量污染导致应用程序不可预测性，每个模块都可调用必将引来灾难，所以推荐使用私有的，封装的局部变量)。就是使用局部变量也能暴露给任何希望暴露的外界。

缺点

1、由于闭包里作用域返回的局部变量资源不会被立刻销毁回收，所以可能会占用更多的内存。过度使用闭包会导致性能下降，建议在非常有必要的时候才使用闭包。

2、作用域链的机制导致一个问题，在循环中里的匿名函数取得的任何变量都是最后一个值。

3、在闭包中使用 this 对象也可能会导致一些问题，this 对象是在运行时基于函数的执行环境绑定的，如果 this 在全局范围就是 window，如果在对象内部就指向这个对象。而闭包却在运行时指向 window 的，因为闭包并不属于这个对象的属性或方法。

4、内存泄露，由于 IE 的 JScript 对象和 DOM 对象使用不同的垃圾收集方式， 因此闭包在 IE 中会导致
一些问题。就是内存泄漏的问题，也就是无法销毁驻留在内存中的元素。

五、总结

    对于JavaScript的学习还是处于刚刚开始，其中对于闭包的学习还是一些基本内容，再掌握这些基础之后，关于闭包的模块模式还是非常值得研究的，当然小编正处学习中，能力还是欠佳，对于模块模式部分的内容，学习之后定会分享。对于上述闭包中的一些缺点问题都存在解决的方法，之后方法下篇文章再议。

PS：感觉现在学习内容仅仅听老师的讲授还是远远不足的，需要我们耐心查询一些资料，丰富一些自己的眼界，并对一些可以实践的例子操作，感觉效果会更好一些。

   小白刚刚开始学习，如有理解偏颇之处，请各位大神不惜赐教，不胜感激！

 

 

转载于:https://my.oschina.net/u/3705835/blog/1550202