你有真正了解闭包吗？

JavaScript语言精粹对闭包是这样描述的：

首先列举了一个例子：

//创建一个名为 quo 的构造函数
 //它构造出带有 get_status 方法和 status 私有属性的一个对象
 var quo = function (status) {
 return {
 get_status:function () {
 return status;
 }
 };
 };
 //构造一个 quo 实例
 var myQuo = quo("amazed");
 document.writeln(myQuo.get_status());

　这个 quo 函数被设计成无须再前面加上new 来使用， 所以名字也没有首字母大写。当我们调用 quo 时，它返回包含get_status 方法的一个新对象。该对象的一个引用保存在myQuo中。即使quo 已经返回了，但是get_status 方法仍然享有返回 quo 对象的 status 属性的特权。get_status 方法并不是访问该参数的一个副本，它访问的就是该参数本身。这是可能的，因为该函数可以访问它被创建时所处的上下文环境。这就是闭包。

闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式，就是在一个函数内部创建另一个函数，仍以前面的 createComparisonFunction() 函数为例，注意加粗的代码。

function createComparisonFunction(propertyName) {
 return function (object1, object2) {
 var value1 = object1[propertyName];
 var value2 = object2[propertyName];
 
 if(value1 < value2){
 return -1;
 } else if(value1 > value2){
 return 1;
 } else {
 return 0;
 }
 };
 }

在这个例子中，突出的那两行代码是内部函数（一个匿名函数）中的代码，这两行代码访问了外部函数中的变量 propertyName 。即使这个内部函数被返回了，而且是在其他地方被调用了，，但它仍然可以访问变量 propertyName 。之所以还能够访问这个变量，是因为内部函数的作用域链中包含createComparisonFunction() 的作用域。要彻底搞清楚其中的细节，必须从理解函数被调用的时候都会发生什么入手。

对前端的技术，架构技术感兴趣的同学关注我的头条号，并在后台私信发送关键字：“前端”即可获取免费的架构师学习资料

知识体系已整理好，欢迎免费领取。还有面试视频分享可以免费获取。关注我，可以获得没有的经验哦！

閱讀更多 前端攻城小牛 的文章

關鍵字: 构造函数 编程语言 JavaScript