亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

徹底弄懂Javascript閉包

標簽:
Vue.js

基础概念

什么是闭包

简单来说,闭包是指可以访问另一个函数作用域变量的函数,一般是定义在外层函数中的内层函数。

为什么需要闭包呢

局部变量无法共享和长久的保存,而全局变量可能造成变量污染,所以我们希望有一种机制既可以长久的保存变量又不会造成全局污染。

特点
  • 占用更多内存

  • 不容易被释放

何时使用

既想反复使用,又想避免全局污染

如何使用

1.定义外层函数,封装被保护的局部变量。
2.定义内层函数,执行对外部函数变量的操作。
3.外层函数返回内层函数的对象,并且外层函数被调用,结果保存在一个全局的变量中。

函数生命周期

直接上图,点击图片方法查看。要记住函数对象、作用域链对象、执行环境(EC)和活动对象(AO)这几个东西都啥时候出现,啥时候消失。

函数生命周期

例子实战

看下面这个函数,函数对象的地址仅作标识,不代表真实的地址。

var getNum;//------------------------1function getCounter() { // ----------2
    var n = 1; 
    var inner = function () { return n++; }    return inner;
}

getNum = getCounter();//------------3console.log(getNum()); //1 ---------4console.log(getNum()); //2 ---------5

程序运行到2的时候:

运行到2

程序运行到3的时候:

运行到3

运行到4的时候,外层函数调用结束,AO对象释放,图中红线断了:

4处的代码执行前

4处的代码执行时:

执行4处的代码

4处的代码执行完:

4处代码执行完

总结:可以看到内层函数对象被全局的变量getNum引用,所以内层函数相关的AO对象,作用域链对象在函数调用完都无法被内存回收,因此占用了更多的内存空间,但是这样持久的保存了需要的n



作者:肖潇_
链接:https://www.jianshu.com/p/8963df48dad8


點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消