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

最新推荐文章于 2021-07-17 20:42:22 发布

Mandy_i

最新推荐文章于 2021-07-17 20:42:22 发布

阅读量758

点赞数

分类专栏：【前端】

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/jiadajing267/article/details/51408058

版权

【前端】专栏收录该内容

11 篇文章 0 订阅

订阅专栏

前提

通过最近一段时间对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>};
}();

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