理解js回收機(jī)制通俗易懂版
之前文章中,講解過(guò)js中的回收機(jī)制,但是對(duì)于當(dāng)時(shí)的我來(lái)說(shuō),我自己對(duì)回收機(jī)制的這個(gè)概念也有些懵懵懂懂,現(xiàn)在對(duì)回收機(jī)制有了更深入的理解,所以特此發(fā)布此文給于總結(jié),也好加深記憶。
為什么要有回收機(jī)制?why?
打個(gè)比方,我有一個(gè)內(nèi)存卡,這個(gè)內(nèi)存是8G的,我把文件,視頻,音樂(lè),都保存到了這個(gè)內(nèi)存卡,隨著我的儲(chǔ)存的內(nèi)容越來(lái)越多,這個(gè)內(nèi)存卡已經(jīng)保存不了了,如果我還想再把其他的文件保存到這個(gè)內(nèi)存卡就需要?jiǎng)h除一些文件,但是這些被刪除的文件是我們自己手動(dòng)刪除的對(duì)吧,手動(dòng)刪除就相當(dāng)于js中的delete。
在這些程序語(yǔ)言中同樣也會(huì)出現(xiàn)這些問(wèn)題,對(duì),內(nèi)存!我們聲明的任何變量都需要消耗內(nèi)存,這些變量越多運(yùn)行的速度也會(huì)越慢。當(dāng)然不只是變量,代碼中的任何東西。這些語(yǔ)言的設(shè)計(jì)者為了解決這些問(wèn)題,設(shè)計(jì)了一套代碼的回收規(guī)則。
代碼回收規(guī)則如下:
1.全局變量不會(huì)被回收。
2.局部變量會(huì)被回收,也就是函數(shù)一旦運(yùn)行完以后,函數(shù)內(nèi)部的東西都會(huì)被銷毀。
3.只要被另外一個(gè)作用域所引用就不會(huì)被回收
我用幾個(gè)例子來(lái)證明這些。
function a(){ var user = "追夢(mèng)子"; return user; } var b = a(); console.log(b); //追夢(mèng)子
按理說(shuō)我是不能訪問(wèn)函數(shù)a里面的變量的,但是我通過(guò)全局變量b接收了這個(gè)函數(shù)a return過(guò)后的值,于是最后這段代碼就成了下面這樣。
function a(){ var user = "追夢(mèng)子"; return user; } var b = "追夢(mèng)子"; console.log(b);
好像這并看不出什么代碼回收,那么我們看接下來(lái)的一段代碼。
function a(){ var num = 0; return function(){ num ++; console.log(num); }; } var b = a(); b(); //1 b(); //2 b(); //3
看到了吧,如果按照正常的做法,那么輸出的應(yīng)該是3次1次對(duì),因?yàn)楹瘮?shù)體一旦運(yùn)行那么這個(gè)函數(shù)體內(nèi)的代碼就會(huì)被清空,既然會(huì)被清空那么下次運(yùn)行這段代碼的時(shí)候num應(yīng)該還是1,但是這里情況有些不同,我上面說(shuō)過(guò)函數(shù)中的局部變量只要被另外一個(gè)作用域所引用那么這段代碼就不會(huì)被銷毀。
上面的代碼就像這樣
function a(){ var num = 0; return function(){ num ++; console.log(num); }; } var b = function(){ num ++; console.log(num); }; b(); b(); b();
那么被函數(shù)a返回的那個(gè)匿名函數(shù)的作用域由函數(shù)a轉(zhuǎn)向了window,由于這個(gè)匿名函數(shù)被全局變量b引用所以不會(huì)被銷毀。
function a(){ var num = 0; return function(){ num ++; console.log(num); }; } var b = { fn:a() } b.fn(); //1 b.fn(); //2 b.fn(); //3
同樣可以,因?yàn)槟涿瘮?shù)被對(duì)象b的屬性fn引用,改變了它的作用域,簡(jiǎn)單來(lái)說(shuō)只要一個(gè)函數(shù)或者局部變量被改變作用域那么這個(gè)函數(shù)或者局部變量就不會(huì)被銷毀。
以上就是本文的全部?jī)?nèi)容,希望大家對(duì)js回收機(jī)制有所幫助。
相關(guān)文章
JS中用childNodes獲取子元素?fù)Q行會(huì)產(chǎn)生一個(gè)子元素
本文給大家分享JS中用childNodes獲取子元素?fù)Q行會(huì)產(chǎn)生一個(gè)子元素的實(shí)例代碼,需要的朋友參考下2016-12-12JS實(shí)現(xiàn)屏蔽shift,Ctrl,alt等功能鍵的方法
這篇文章主要介紹了JS實(shí)現(xiàn)屏蔽shift,Ctrl,alt等功能鍵的方法,涉及javascript針對(duì)鍵盤按鍵的獲取與操作技巧,需要的朋友可以參考下2015-06-06微信公眾號(hào)生成新浪短網(wǎng)址的實(shí)現(xiàn)(快速生成)
這篇文章主要介紹了微信公眾號(hào)生成新浪短網(wǎng)址的實(shí)現(xiàn)(快速生成),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08javascript中利用柯里化函數(shù)實(shí)現(xiàn)bind方法
這篇文章主要為大家詳細(xì)介紹了javascript中利用柯里化函數(shù)實(shí)現(xiàn)bind方法,感興趣的小伙伴們可以參考一下2016-04-04HTML+JS模擬實(shí)現(xiàn)QQ下拉菜單效果
這篇文章主要為大家詳細(xì)介紹了如何利用HTML+JavaScript模擬實(shí)現(xiàn)QQ中的下拉菜單效果。文中的示例代碼講解詳細(xì),感興趣的小伙伴可以學(xué)習(xí)一下2022-05-05JavaScript使用setInterval()函數(shù)實(shí)現(xiàn)簡(jiǎn)單輪詢操作的方法
這篇文章主要介紹了JavaScript使用setInterval()函數(shù)實(shí)現(xiàn)簡(jiǎn)單輪詢操作的方法,以實(shí)例形式分析了輪詢操作的原理與javascript實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-02-02