简单的闭包问题?

3、闭包的创建:­­­闭包会发生内存泄漏,每次外部函数执行的时候,外部函数的引用地址不同,都会重新创建一个新的地址。这里的外部函数执行是指被... 3、闭包的创建:­­­
闭包会发生内存泄漏,每次外部函数执行的时 候,外部函数的引用地址不同,都会重新创建一个新的地址。

这里的外部函数执行是指被调用吗?外部函数的引用地址不同是指调用它的对象不同吗?
展开
 我来答
ZYZHY678AB
2021-11-08 · TA获得超过505个赞
知道答主
回答量:8127
采纳率:11%
帮助的人:166万
展开全部

概念

闭包,在《javascripts高级程序设计》里面是这样介绍的:闭包是指有权访问另一个作用域中的变量的函数。额。。这句话我以前看过很多遍,但依然不是很懂,只知道它是跟作用域有关。现在我知道了,如果这句话换成:但凡是内部的函数被保存到了外部,必定生成闭包。这样就容易理解多了不是。
我们以下面的这个代码块为例:

例子解释

function a() {const num = 100;function b () {num++;console.log(num);}return b;}const demo = a();demo();demo();

我们先执行上述代码,看看结果是什么:

为什么是这样呢?

a()执行的结果是返回b,所以demo指的是b,则demo()指的是b();也就是说原先在a里面的b,在b的外部执行; 
我们已经知道了作用域和作用域链的概念,上面代码的作用域是这样的:

a执行完,返回了b,此时的b只是声明,但还没调用,所以没有形成自己的AO,但作用域链和 a doing 时是一样的,所以虽然 a() 的作用域被销毁了,但是相同的一份却被b保存到了外面。这也就是内部函数被保存到了外面形成闭包的本质。这样也不难理解为什么上述代码打印出来的值是那样的了:

  • 执行第一个demo()时,也即是执行 b(),由于b保存了a的作用域链,所以也可以访问到 num ,执行 b() 后,加一;

  • 那为什么第二次执行 demo(),打印出的值还是有自增了呢?这是因为操作的都是保存在 b 里的 num ,虽然每次调用 demo() 都会形成新的作用域链,但是num,却是每次从上一次的作用域链直接 copy到当前作用域链中的。

  • 这样形成的闭包虽然可以使外部可以访问到内部的函数,但是导致了原有的作用域链不释放,会造成内存泄漏。(内存泄漏的意思就是占用内存,可用内存资源变少了)。所以如果不是特殊需要,应尽量防止这种情况发生。

    并且,作用域链的配置机制引出了一个值得注意的副作用:即闭包只取得包含函数中任何变量最后一个值,比如下面这个例子:

  • function createFunctions() {var result = [];for(let i = 0; i< 10; i++) {result[i] = function() {console.log(i);}}return result;}var myArr = createFunctions();for(var j = 0; j < 10; j++) {myArr[j]();}

  • 这个函数会返回一个函数数组,表面上看,似乎每个函数都应该有自己的索引值,即会返回:0,1,2...9;但实际上,每个函数都会返回10;这是因为在createFunctions()执行时,for循环跳出的条件是i=10;所以函数返回后,i的值是10 ;而每个result的作用域链中都保存这createFunctions()的AO,所以他们引用的都是createFunctions()的i值,所以每个函数内部i的值都是10;
    这样,我们可以创建一个立即执行函数强制让闭包的行为符合预期:

  • function createFunctions() {var result = [];for(var i = 0; i < 10; i++) {(function(j) {result[i] = function() {document.write(j + " ");}}(i));}return result;}var myArr = createFunctions();for(var j = 0; j < 10; j++) {myArr[j]();}

  • 典型应用

    下面看看几个用到闭包的典型例子:

  • 实现共有变量

    如累加器:调用多少次,累加多少次,用闭包更加模块化

  • function add() {var count = 0;function demo() {count++;console.log(count);}return demo;}var counter = add();counter();//1counter();//2counter();//3

  • 实现缓存

  • 如eater: eat和push保存的都是eater的AO;,所以eat中food改变后。实际上是eater变了,所以也会影响push;

  • function eater() {var food = '';var obj = {eat: function() {console.log('eating' + food);food = '';},push: function(myFood) {food = myFood;}}return obj;// 相当于返回里面的eat和push操作food;}var eater1 = eater();eater1.push('banana');eater1.eat();

匿名用户

2021-11-08
展开全部
闭包,其实是一种语言特性,它是指的是程序设计语言中,允许将函数看作对象,然后能像在对象中的操作般在函数中定义实例(局部)变量,而这些变量能在函数中保存到函数的实例对象销毁为止
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式