让你一句话理解闭包(简单易懂)
投稿：jingxian
字体：[ ] 类型：转载 时间：
下面小编就为大家带来一篇一句话理解闭包(简单易懂)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
接触javascript很久了，每次理解闭包都似是而非，最近在找Web前端的工作，所以需要把基础夯实一下。
本文是参照了joy_lee的博客 闭包 在她这篇博客的基础上以批注的形式力争把我的理解阐述出来，如果有不当之处，欢迎批评指正。
《高级程序设计》上，这样说：当在函数内部定义了其他函数时候，就创建了闭包。闭包有权访问包含函数内部的所有变量。
（这句话怎么理解呢？照这句话理解的话，闭包就是一个嵌套函数嘛！嵌套函数对包含它的函数的变量当然可以访问，这是没有问题的。）
一般来说，内部函数是能够访问到上一级乃至全局的的变量的，那么就有人这样理解：通过闭包，可以实现外部访问函数局部内的变量。
(如果我们把作用域简单的分个级的话，假设全局作用域作为第一级，其中定义的函数体内部作用域作为第二级，在第二级作用域内嵌套定义的函数体内部作用域作为第三级，....等等，传统意义上，第一级不能访问第二级的变量(这种变量叫做局部变量)，第二级不能访问第三级，...，而反过来是可以的，这就是作用域链。本级作用域内找不到再到上一级找，直至第一级全局。而闭包这种机制可以在第一级作用域中通过第三级作用域引用到第二级作用域中的变量，而方法就是在第二级作用域向第一级作用域返回拥有第三级作用域的函数引用。 这个引用才是关键，因为这个引用的存在，相关的第三作用域与第二作用域都成了这个引用运行的上下文，迫使垃圾回收机制GC不能回收这条链上所占用的资源。而如果没有这个引用，则跟一般函数一样，函数运行完资源就会被回收。而我的疑惑也在于此，闭包单指函数中的嵌套函数还是指被第一级引用了的嵌套函数？还是都是？还是说闭包并不是嵌套函数而是嵌套函数被第一级作用域引用时所形成的这种机制？)
function a(){
function b(){
alert(++i);
　var c = a();
即，闭包的作用就是在a执行完并返回后，闭包使得Javascript的垃圾回收机制GC不会收回a所占用的资源，因为a的内部函数b的执行需要依赖a中的变量。
由于闭包的存在使得函数a返回后，a中的i始终存在，这样每次执行c()，i都是自加1后alert出i的值。
那么，如果a不返回函数b，情况就完全不同了。因为a执行完后，b没有被返回给a的外界，只是被a所引用，而此时a也只会被b引用，因此函数a和b互相引用但又不被外界打扰(被外界引用)，函数a和b就会被GC回收。
实际上是就是闭包延长变量的生命周期。通常函数的作用域即变量会在函数执行结束后被销毁，但当函数返回一个闭包，只要闭包不被释放，整条作用域链都会占用内存。（闭包延长变量的生命周期，这是指被第一级引用的情况。但如果没有这个引用，闭包还能称其为闭包吗？）
说道作用域链：即 函数自己的作用域、上一层的函数的作用域....和全局作用域。访问一个变量时，自己的没有，就一层层往上找，直至全局，若还没有，就报错。
（很想吐槽一句，闭包的作用域链是弯的。）
PS: 有网友推荐了另一篇文章，是不是权威暂且不提，总算有一个明确的概念：
说了这么多，闭包到底是什么，下面做一下总结：
闭包是一个概念，它描述了函数执行完毕内存释放后，依然内存驻留的一个现象，只要把握这个核心概念，闭包就不难理解了。
以上这篇让你一句话理解闭包(简单易懂)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具您的位置： >
JS闭包的用法
学习标签：
本文导读：Javascript语言中，闭包就是函数的局部变量集合，只是这些局部变量在函数返回后会继续存在。闭包就是就是函数的“堆栈”在函数返回后并不释放，我们也可以理解为这些函数堆栈并不在栈上分配而是在堆上分配，当在一个函数内定义另外一个函数就会产生闭包，所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。
一、闭包的概念：
闭包是可以包含自由（未绑定到特定对象）变量的代码块；这些变量不是在这个代码块内或者任何全局上下文中定义的，而是在定义代码块的环境中定义（局部变量）。&闭包& 一词来源于以下两者的结合：要执行的代码块（由于自由变量被包含在代码块中，这些自由变量以及它们引用的对象没有被释放）和为自由变量提供绑定的计算环境（作用域）。在编程领域我们可以通俗的说：子函数可以使用父函数中的局部变量，这种行为就叫做闭包！
二、闭包的作用：
在说闭包的作用之前，让我们来先看看下面一段代码：
&script type=&text/javascript&&
function test1(){
function test2(){
alert(++i);
return test2;
var temp = test1();
运行这段代码后，我们发现，弹出窗的结果是：1。
三、闭包的价值
闭包的价值在于可以作为函数对象 或者匿名函数，对于类型系统而言这就意味着不仅要表示数据还要表示代码。支持闭包的多数语言都将函数作为第一级对象，就是说这些函数可以存储到变量中、作为参数传递给其他函数，最重要的是能够被函数动态地创建和返回。
四、闭包的两个特点：
1、作为一个函数变量的一个引用 - 当函数返回时，其处于激活状态。
2、一个闭包就是当一个函数返回时，一个没有释放资源的栈区。
其实上面两点可以合成一点,就是闭包函数返回时,该函数内部变量处于激活状态,函数所在栈区依然保留.
我们所熟知的主流语言,像C,java等,在函数内部只要执行了return,函数就会返回结果,然后内存中删除该函数所在的区域.生命周期也就停止了.一般的js函数也是这样.但是有闭包特性的js函数有点特殊.
五、闭包的样例
前面的我大致了解了Javascript闭包是什么，闭包在Javascript是怎么实现的。下面我们通过针对一些例子来帮助大家更加深入的理解闭包
例子1:闭包中局部变量是引用而非拷贝
//因此执行结果应该弹出的667而非666。
function say667() ...{
// Local variable that ends up within closure
var num = 666;
var sayAlert = function() ...{ alert(num); }
return sayA
var sayAlert = say667();
sayAlert()
例子2：多个函数绑定同一个闭包，因为他们定义在同一个函数内。
function setupSomeGlobals() ...{
// Local variable that ends up within closure
var num = 666;
// Store some references to functions as global variables
gAlertNumber = function() ...{ alert(num); }
gIncreaseNumber = function() ...{ num++; }
gSetNumber = function(x) ...{ num = }
setupSomeGlobals(); // 为三个全局变量赋值
gAlertNumber(); //666
gIncreaseNumber();
gAlertNumber(); // 667
gSetNumber(12);//
gAlertNumber();//12
例子3：当在一个循环中赋值函数时，这些函数将绑定同样的闭包
//testList的执行结果是弹出item3 undefined窗口三次，因为这三个函数绑定了同一个闭包，而且item的值为最后计算的结果，但是当i跳出循环时i值为4，所以list[4]的结果为undefined.
function buildList(list) ...{
var result = [];
for(var i = 0; i & list. i++) ...{
var item = 'item'+ list[i];
result.push( function() ...{alert(item + ' '+ list[i])} );
function testList() ...{
var fnlist = buildList([1,2,3]);
// using j only to help prevent confusion - could use i
for(var j = 0; j & fnlist. j++) ...{
fnlist[j]();
例子4：外部函数所有局部变量都在闭包内，即使这个变量声明在内部函数定义之后。
//执行结果是弹出&Hello Alice&的窗口。即使局部变量声明在函数sayAlert之后，局部变量仍然可以被访问到。
function sayAlice() ...{
var sayAlert = function() ...{ alert(alice); }
// Local variable that ends up within closure
var alice = 'Hello Alice';
return sayA
var helloAlice=sayAlice();
helloAlice();
例子5：每次函数调用的时候创建一个新的闭包
function newClosure(someNum, someRef) ...{
// Local variables that end up within closure
var num = someN
var anArray = [1,2,3];
var ref = someR
return function(x) ...{
anArray.push(num);
alert('num: '+ num +
'\\nanArray '+ anArray.toString() +
'\\nref.someVar '+ ref.someVar);
closure1=new Closure(40,...{someVar:'closure 1'});
closure2=new Closure(1000,...{someVar:'closure 2'});
closure1(5); // num:45 anArray[1,2,3,45] ref:'someVar closure1'
closure2(-10);// num:990 anArray[1,2,3,990] ref:'someVar closure2'
六、使用闭包的注意点
1）由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。
2）闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。
七、好了,总结下
1，闭包外层是个函数.
2，闭包内部都有函数.
3，闭包会return内部函数.
4，闭包返回的函数内部不能有return.(因为这样就真的结束了)
5，执行闭包后,闭包内部变量会存在,而闭包内部函数的内部变量不会存在.
您可能感兴趣
一月好评排行榜拒绝访问 |
| 百度云加速
请打开cookies.
此网站 () 的管理员禁止了您的访问。原因是您的访问包含了非浏览器特征(43b3-ua98).
重新安装浏览器，或使用别的浏览器1219人阅读
闭包就是能够读取其他函数内部变量的函数。
即函数定义和函数表达式位于另一个函数的函数体内。而且，这些内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。当其中一个这样的内部函数在包含它们的外部函数之外被调用时，就会形成闭包。也就是说，内部函数会在外部函数返回后被执行。而当这个内部函数执行时，它仍然必需访问其外部函数的局部变量、参数以及其他内部函数。这些局部变量、参数和函数声明（最初时）的值是外部函数返回时的值，但也会受到内部函数的影响。-----个人理解就是：闭包是能够读取其他函数内部变量的函数，即在外面可以调用函数中的函数的变量，其实他就是将函数内外部连接起来的桥梁。
如下面例子4：
这段代码有以下两个特点：
& & &1、函数b嵌套在函数a内部；2、函数a返回函数b；
引用关系如下图：
&&& &这样在执行完var c = a()后，变量c实际上是指向了函数b，b中用到了变量i，再执行c()后就会弹出一个窗口显示i的值(第一次为1)。这段代码其实就创建了一个闭包，为什么？因为函数a外的变量c引用了函数a内的函数b，就是说：
&&当函数a的内部函数b被函数a外的一个变量引用的时候，就创建了一个我们通常所谓的“闭包”。
&&&&&当函数b执行的时候亦会像以上步骤一样。因此，执行时b的作用域链包含了3个对象：b的活动对象、a的活动对象和window对象，如下图所示：
如图所示，当在函数b中访问一个变量的时候，搜索顺序是：
<span style="color:#.&&& 先搜索自身的活动对象，如果存在则返回，如果不存在将继续搜索函数a的活动对象，依次查找，直到找到为止。
<span style="color:#.&&& 如果函数b存在prototype原型对象，则在查找完自身的活动对象后先查找自身的原型对象，再继续查找。这就是Javascript中的变量查找机制。
<span style="color:#.&&& 如果整个作用域链上都无法找到，则返回undefined。
三、闭包的用途及优势
（一）、用途
&& &1、闭包可以读取函数内部变量 & &2、将函数内部变量的&#20540;始终保存在内存中
&& &&这个例子中的result实际上就是闭包函数b，他一共运行两次，第一次&#20540;99，第二次&#20540;为100，这就说明i一直在内存中，而不是在第一次a函数调用之后就自动清除。另外还需注意iAdd=function(){i&#43;&#43;;}，这里iAdd是全局变量，且它的&#20540;为匿名函数，其实也是一个闭包。
（二）、优势
&1、保护函数内的变量安全。以最开始的例子为例，函数a中i只有函数b才能访问，而无法通过其他途径访问到，因此保护了i的安全性。
&2、在内存中维持一个变量。依然如前例，由于闭包，函数a中i的一直存在于内存中，因此每次执行c()，都会给i自加1。
&3、通过保护变量的安全实现JS私有属性和私有方法（不能被外部访问）。
函数a的内部函数b被函数a外的一个变量引用的时候，就创建了一个闭包。
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：24830次
排名：千里之外
原创：22篇
(1)(1)(7)(13)(7)(1)Javascript 教程
JavaScript 闭包
JavaScript 变量可以是局部变量或全局变量。
私有变量可以用到闭包。
函数可以访问由函数内部定义的变量，如：
function myFunction() {
var a = 4;
return a *
函数也可以访问函数外部定义的变量，如：
var a = 4;function myFunction() {
return a *
后面一个实例中， a 是一个 全局
在web页面中全局变量属于 window 对象。
全局变量可应用于页面上的所有脚本。
在第一个实例中， a 是一个 局部
局部变量只能用于定义它函数内部。对于其他的函数或脚本代码是不可用的。
全局和局部变量即便名称相同，它们也是两个不同的变量。修改其中一个，不会影响另一个的值。
变量声明时如果不使用 var 关键字，那么它就是一个全局变量，即便它在函数内定义。
变量生命周期
全局变量的作用域是全局性的，即在整个JavaScript程序中，全局变量处处都在。
而在函数内部声明的变量，只在函数内部起作用。这些变量是局部变量，作用域是局部性的；函数的参数也是局部性的，只在函数内部起作用。
计数器困境
设想下如果你想统计一些数值，且该计数器在所有函数中都是可用的。
你可以使用全局变量，函数设置计数器递增：
var counter = 0;
function add() {
return counter += 1;
// 计数器现在为 3
计数器数值在执行 add() 函数时发生变化。
但问题来了，页面上的任何脚本都能改变计数器，即便没有调用 add() 函数。
如果我在函数内声明计数器，如果没有调用函数将无法修改计数器的值：
function add() {
var counter = 0;
counter += 1;
// 本意是想输出 3, 但事与愿违，输出的都是 1 !
以上代码将无法正确输出，每次我调用 add() 函数，计数器都会设置为 1。
JavaScript 内嵌函数可以解决该问题。
JavaScript 内嵌函数
所有函数都能访问全局变量。
实际上，在 JavaScript 中，所有函数都能访问它们上一层的作用域。
JavaScript 支持嵌套函数。嵌套函数可以访问上一层的函数变量。
该实例中，内嵌函数 plus() 可以访问父函数的 counter 变量：
function add() {
var counter = 0;
function plus() {counter += 1;}
如果我们能在外部访问 plus() 函数，这样就能解决计数器的困境。
我们同样需要确保 counter = 0 只执行一次。
我们需要闭包。
JavaScript 闭包
还记得函数自我调用吗？该函数会做什么？
var add = (function () {
var counter = 0;
return function () {return counter += 1;}})();add();
// 计数器为 3
变量 add 指定了函数自我调用的返回字值。
自我调用函数只执行一次。设置计数器为 0。并返回函数表达式。
add变量可以作为一个函数使用。非常棒的部分是它可以访问函数上一层作用域的计数器。
这个叫作 JavaScript 闭包。它使得函数拥有私有变量变成可能。
计数器受匿名函数的作用域保护，只能通过 add 方法修改。
闭包是可访问上一层函数作用域里变量的函数，即便上一层函数已经关闭。
4周前 (07-21)
反馈内容（*必填）
截图标记颜色
联系方式(邮箱)
联系邮箱：
投稿页面：
记住登录状态
重复输入密码