摘要:在上面的执行中,只是又返回了一个新的对象,但是并没有执行新对象里面的属性对应的匿名函数喔,那就是没有改变的值啊,所以你继续也会输出同样的结果啊。
关于javascript中的闭包
其实关于闭包的定义,很多种说法,而关于闭包的解释,更是多不胜数了。很多说得非常复杂,也有很多人有着不同的理解,在这里我就从最容易理解的角度去解释闭包的概念,如有不正确的地方,请指出。
闭包,其实就是能够读取函数内部变量的函数。
举个例子:
//全局环境 function outer(){ var big = 20; } console.log(big);
当然了,执行上面这样的代码会报错,因为你没有在全局环境中声明big,你想访问outer函数内部的big也是不行的,因为你没有调用outer函数,压根不会创建outer的执行上下文,更不用说outer里面的big的作用域只是在outer函数内部了。
那如何能够在外部访问到outer函数里面的big变量呢?有办法,就是闭包:
//全局环境 function outer(){ var big = 20; function inner(){ console.log(big); }; return inner(); } outer();//20
你执行outer函数的时候,里面返回的是调用inner函数的结果,而inner函数就是访问big变量的,所以这样就能使外部可以访问到函数里面的变量。这就是所谓的闭包,没有传说中的那么复杂,不过网上的所谓闭包面试题就解释得很复杂了。
但是闭包有一个问题,就是会使得你内部访问的变量常驻内存当中,垃圾机制又没有将其回收,如果此函数不再使用了,又没有对其进行清除,就会造成内存泄漏,如果过多使用闭包,后果可想而知。
其实换一个角度,我们看这样的例子:
//全局环境 var bigger = 30; function outer(){ console.log(bigger); } outer();//30
像上面的例子,全局环境下声明的outer函数,里面调用了全局环境的bigger变量,不又是一个闭包吗?其实没错,这是广义的闭包,不是常说的闭包,但是转头想想,其实这个bigger是一直存在于全局的执行上下文中的全局变量,你不清除掉不也一样一直存在内存中吗?
一句话理解闭包类题目:如果a函数内的其他b函数用到了a函数执行上下文中的变量n,那么这个变量n的值就会一直保存在这个函数的变量对象当中,直到下一次改变它。
举个网上的面试例子来说明我这个理解:
//全局环境 function fun(n,k) { console.log(k) return { fun:function(m){ return fun(m,n); } }; } var a = fun(0); a.fun(1); a.fun(2); a.fun(3); var b = fun(0).fun(1).fun(2).fun(3); var c = fun(0).fun(1); c.fun(2); c.fun(3);
这个例子也是随便一搜的,其他例子其实也类同,所以在这里就用我个人理解的角度去分析一下这个题。
先说var a 这一行的输出吧:
var a = fun(0)很容易知道输出undefined了,但是返回的是一个对象,这个对象的fun属性是一个匿名函数,而这个匿名函数里面又返回了一个fun函数,这个fun函数用到了变量n。好了,用上我前面的理解,可以知道fun函数里面就保存了n=0这个值,直到下一次改变它。类似如下:
var a = { fun:function(m){ return fun(m,0); } };
而从a.fun(1)、a.fun(2)、 a.fun(3)开始,大家肯定知道会执行这三个函数:
f(1,0);f(2,0);f(3,0);
所以会输出undefined 0 0 0。
可能大家会懵了,你在执行f(1,0)的时候,不是n的值改为1,不是会改变了n的值了吗?后面的n的值不是变了吗?在这里我就要说说关于我的理解中,怎样为改变这个变量的值。
先再回顾一下我前面的理解:如果a函数内的其他b函数用到了a函数执行上下文中的变量n,那么这个变量n的值就会一直保存在这个函数的变量对象当中,直到下一次改变它。
改变这个变量的n值,必须通过闭包,也就是这个:
{ fun:function(m){ return fun(m,n); } };
通过这个fun属性对应的匿名函数的执行,才会在匿名函数的返回结果中改变这个n的值。
在上面的执行a.fun(1)中,只是又返回了一个新的对象,但是并没有执行新对象里面的fun属性对应的匿名函数喔,那就是没有改变n的值啊,所以你继续a.fun(2)、a.fun(3)也会输出同样的结果啊。
也就是,必须有执行这样:a.fun(1).fun(1)这样,才会改变到n的值。
对于上面例题var b这一行来说,就很容易明白var b = fun(0).fun(1).fun(2).fun(3);后面的fun(1).fun(2).fun(3)这三个中的fun其实都是属性名fun,并不是声明的函数fun,所以他们都在改变n的值啊,所以也很容易明白这一行的输出结果就是undefined 0 1 2。
var c的那一行也很容易明白输出结果是undefined 0 1 1了。
关于这个题的详细理解,大家再细想一下,就很清楚了。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/87326.html
摘要:之前一篇文章我们详细说明了变量对象,而这里,我们将详细说明作用域链。而的作用域链,则同时包含了这三个变量对象,所以的执行上下文可如下表示。下图展示了闭包的作用域链。其中为当前的函数调用栈,为当前正在被执行的函数的作用域链,为当前的局部变量。 showImg(https://segmentfault.com/img/remote/1460000008329355);初学JavaScrip...
摘要:关于循环和闭包当循环和闭包结合在一起时,经常会产生让初学者觉得匪夷所思的问题。闭包是一把双刃剑是比较难以理解和掌握的部分,它十分强大,却也有很大的缺陷,如何使用它完全取决于你自己。 在谈闭包之前,我们首先要了解几个概念: 什么是函数表达式? 与函数声明有何不同? JavaScript查找标识符的机制 JavaScript的作用域是词法作用域 JavaScript的垃圾回收机制 先来...
摘要:理解的函数基础要搞好深入浅出原型使用原型模型,虽然这经常被当作缺点提及,但是只要善于运用,其实基于原型的继承模型比传统的类继承还要强大。中文指南基本操作指南二继续熟悉的几对方法,包括,,。商业转载请联系作者获得授权,非商业转载请注明出处。 怎样使用 this 因为本人属于伪前端,因此文中只看懂了 8 成左右,希望能够给大家带来帮助....(据说是阿里的前端妹子写的) this 的值到底...
摘要:说了半天,究竟什么是闭包呢闭包就是函数的局部变量集合,只是这些局部变量在函数返回后会继续存在。弹出上面函数中的函数就是闭包,就是通过建立函数来访问函数内部的局部变量。闭包会在父函数外部,改变父函数内部变量的值。 JavaScript的闭包 首先声明,这是一篇面向小白的博客,不过也欢迎各位大牛批评指正,谢谢。 其实关于闭包各个论坛社区里都有很多的文章来讲它,毕竟闭包是JavaScri...
摘要:说了半天,究竟什么是闭包呢闭包就是函数的局部变量集合,只是这些局部变量在函数返回后会继续存在。弹出上面函数中的函数就是闭包,就是通过建立函数来访问函数内部的局部变量。闭包会在父函数外部,改变父函数内部变量的值。 JavaScript的闭包 首先声明,这是一篇面向小白的博客,不过也欢迎各位大牛批评指正,谢谢。 其实关于闭包各个论坛社区里都有很多的文章来讲它,毕竟闭包是JavaScri...
阅读 3819·2021-09-06 15:00
阅读 2157·2019-08-30 15:53
阅读 3262·2019-08-23 16:44
阅读 931·2019-08-23 15:19
阅读 1371·2019-08-23 12:27
阅读 4174·2019-08-23 11:30
阅读 569·2019-08-23 10:33
阅读 356·2019-08-22 16:05