正文

闭包——读《阮一峰的日志》

桥南小院  桥南小院  2022-10-22  706

关键词：

【闭包】：就是能够读取其他函数内部变量的函数（声明这个函数为变量result，然后调用它就可读取内部参数的值了）。Javascript语言的特殊之处，就在于函数内部局部变量可以直接读取全局变量，但是反过来：外部全局变量不能读取内部的局部变量。往往有时我们需要读取内容变量时，可利用Javascript语言特有的"链式作用域"结构——子对象可以一级一级地向上寻找所有父对象的变量（内部局部变量特性），在函数f1()内容创建一个函数f2()，利用f2()读取f1()内部的变量进行输出return f2,最后在最外层调用一个新变量就可读取f1()内部需要的参数了。

　　function f1()

　　　　var n=999;

　　　　function f2()
　　　　　　alert(n);
　　　　

　　　　return f2;

　　var result=f1();

　　result(); // 999

一、作用：

　　// 闭包的最大用处有两个，一个是的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。

　　function f1()

　　　　var n=999;

　　　　nAdd = function()n+=1；

　　　　function f2()
　　　　　　alert(n);
　　　　

　　　　return f2;

　　var result=f1();

　　result(); // 999

　　nAdd();

　　result(); // 1000

二、反思：

1）由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除；

2）闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。

三、延伸：

　　//this指代全局变量问题，如何读取局部变量？
　　var name = "The Window";

　　var object =
　　　　name : "My Object",

　　　　getNameFunc : function()
　　　　　　var that = this; // 防止this指代的是最外层的全局变量
　　　　　　return function()
　　　　　　　　return that.name;
　　　　　　;

　　;

　　alert(object.getNameFunc()()); // My Object;不声明var that = this结果为The Window

详情请参考：http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html

flex布局教程：语法篇（转自阮一峰的网络日志）

作者：阮一峰（转自阮一峰的网络日志，如有侵权，立即删除）网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性+ position属性+ float属性。它对于那些特殊布局非常不... 查看详情

苹果是真牛逼

...校长。今天跟大家聊一个有意思的话题。前几天我看到阮一峰老师发布的网络日志，是关于软件订阅制的话题。说句题外话，我个人非常喜欢看阮一峰老师的网络日志，也经常看他的博客，每周必看，因为阮... 查看详情

阮一峰网络日志第38期2019年01月04日

http://www.ruanyifeng.com/blog/2019/01/weekly-issue-38.html声明：链接及文章内容为原博主阮一峰原创。查看详情

阮一峰网络日志第39期2019年01月11日

http://www.ruanyifeng.com/blog/2019/01/weekly-issue-39.html 声明：链接及文章内容为原博主阮一峰原创。查看详情

阮一峰网络日志第44期2019年02月22日

http://www.ruanyifeng.com/blog/2019/02/weekly-issue-44.html 声明：链接及文章内容为原博主阮一峰原创。查看详情

阮一峰网络日志第37期2018年12月28日

http://www.ruanyifeng.com/blog/2018/12/weekly-issue-37.html 声明：链接及文章内容为原博主阮一峰原创。查看详情

阮一峰网络日志第43期2019年02月15日

http://www.ruanyifeng.com/blog/2019/02/weekly-issue-43.html 声明：链接及文章内容为原博主阮一峰原创。查看详情

好文种草根域名的知识-阮一峰的网络日志(代码片段)

域名是互联网的基础设施，只要上网就会用到。它还是一门利润丰厚的生意，所有域名每年都必须交注册费，这是很大的一笔钱。这些钱交到了哪里？到底谁控制域名的价格？为什么有的域名注册费很贵，... 查看详情

理解oauth2.0-阮一峰的网络日志

原文:理解OAuth2.0-阮一峰的网络日志理解OAuth2.0作者：阮一峰日期：2014年5月12日 OAuth是一个关于授权（authorization）的开放网络标准，在全世界得到广泛应用，目前的版本是2.0版。本文对OAuth2.0的设计思路和运行流程，做一个简... 查看详情

学习javascript闭包（closure）

下面转自阮一峰的网络日志闭包（closure）是Javascript语言的一个难点，也是它的特色。非常多高级应用都要依靠闭包实现。以下就是我的学习笔记，对于Javascript刚開始学习的人应该是非常实用的。一、变量的作用域要理解闭包，... 查看详情

[阮一峰]腾讯的历史.转帖

今天，我读到一篇英语文章，向美国读者介绍腾讯公司的历史。我觉得，这篇文章整理了好多资料，写得非常清楚。腾讯是怎么发展起来的，只看这篇文章就够了。下面就是它的译文，供大家参考。1、1971年，马化腾生于海南。1... 查看详情

阮一峰的介绍

参考技术A阮一峰，70后，英文名Frank。他原是上海财经大学世界经济博士研究生。主要研究宏观金融、货币政策与美国经济。于2008年6月获得博士学位。目前在上海一所当地大学（上海金融学院国际经贸学院）任教。他本人也是... 查看详情

es6之let（理解闭包）和const命令

ES6之let（理解闭包）和const命令　　最近做项目的过程中，使用到了ES6，因为之前很少接触，所以使用起来还不够熟悉。因此购买了阮一峰老师的ES6标准入门，在此感谢阮一峰老师的著作。　　我们知道，ECMAScript6即ES6是ECMAScript... 查看详情

javascript闭包

本文转载：阮一峰javascript闭包closure一、变量的作用域　　要理解闭包，首先必须理解Javascript特殊的变量作用域。　　变量的作用域无非就是两种：全局变量和局部变量。　　Javascript语言的特殊之处，就在于函数内部可以直接... 查看详情

flex实例（阮一峰）

Flex布局教程：实例篇作者：阮一峰日期： 2015年7月14日上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请... 查看详情

学习javascript闭包

作者：阮一峰日期： 2009年8月30日闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包... 查看详情

from阮一峰

JavaScript面向对象编程（一）：封装　　原文链接：http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html Javascript面向对象编程（二）：构造函数的继承：　　原文链接：http://www.ruanyifeng.com/blog/2010/05/object- 查看详情

转：阮一峰flex布局教程：实例篇

作者：阮一峰日期： 2015年7月14日上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法... 查看详情