理解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)文章
擴(kuò)展js對(duì)象數(shù)組的OrderByAsc和OrderByDesc方法實(shí)現(xiàn)思路
js的擴(kuò)展方法是基于原型的,如Array.prototype.XXXX就是給Array擴(kuò)展XXX方法,然后數(shù)組都能使用這個(gè)方法了,在對(duì)象數(shù)組里面經(jīng)常有根據(jù)屬性來(lái)進(jìn)行排序的,升序,降序的,下面與大家分享自己寫的一個(gè)2013-05-05
調(diào)試Node.JS的輔助工具(NodeWatcher)
Node.JS調(diào)試貌似比較麻煩,每次改完了要重啟一下Node進(jìn)程.GOOGLE上有個(gè)NPM模塊,可以監(jiān)控JS文件的更改,然后自動(dòng)重啟Node.但我下載后在windows里運(yùn)行報(bào)錯(cuò)2012-01-01
JavaScript中防抖和節(jié)流的區(qū)別及適用場(chǎng)景
這篇文章主要介紹了JavaScript中防抖和節(jié)流的區(qū)別及適用場(chǎng)景,文章通過(guò)圍繞主題的相關(guān)資料展開(kāi)詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-05-05
用jscript實(shí)現(xiàn)新建和保存一個(gè)word文檔
用jscript實(shí)現(xiàn)新建和保存一個(gè)word文檔...2007-06-06
uniapp開(kāi)發(fā)H5打包微信小程序樣式失效的完美解決方法
本文主要介紹了在使用uniapp開(kāi)發(fā)H5頁(yè)面并打包成微信小程序時(shí),可能會(huì)出現(xiàn)樣式失效的問(wèn)題,并提供了解決方法,通過(guò)本文的學(xué)習(xí),讀者可以了解uniapp開(kāi)發(fā)H5頁(yè)面打包成微信小程序的注意事項(xiàng),避免出現(xiàn)樣式失效等問(wèn)題2023-03-03
從盛大通行證上摘下來(lái)的身份證驗(yàn)證js代碼
偶然發(fā)現(xiàn)盛大通行證上的身份證驗(yàn)證代碼,特扒下來(lái),方便大家的使用。2011-01-01
Web?Woker使用常見(jiàn)問(wèn)題匯總及方案解決分析
這篇文章主要為大家介紹了Web?Woker常見(jiàn)使用問(wèn)題及方案解決分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
基于JavaScript實(shí)現(xiàn)熔巖燈效果導(dǎo)航菜單
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)熔巖燈效果導(dǎo)航菜單,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01
JavaScript實(shí)現(xiàn)簡(jiǎn)單動(dòng)態(tài)進(jìn)度條效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單動(dòng)態(tài)進(jìn)度條效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-04-04

