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

蔚落 2022-07-24 05:27 239阅读 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());

# 二、何为闭包（定义） #

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

//普通函数里面的匿名函数，产生闭包
 function box(){
 	return function(){
 		return 'Lee';
 	}
 }
 alert(box()());//调用匿名函数

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

# **三、闭包的应用** #

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

//模仿块级作用域(私有作用域)
 (function () {
 //这里是块级作用域
 })();
 //使用块级作用域(私有作用域)改写
 function box(count) {
 	(function () {
 		for (var i = 0; i<count; i++) {}
 	})();
 	alert(i); //报错，无法访问
 }
 box(2);

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

## 2、静态私有变量 ##

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

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

## 3、模块模式 ##

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

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

# 四、闭包的优缺点 #

## 优点 ##

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

## 缺点 ##

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

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