JavaScript的內(nèi)存釋放問(wèn)題詳解
本文詳細(xì)的講解了JavaScript及IE瀏覽器對(duì)內(nèi)存的管理和釋放的時(shí)機(jī)和方法,希望對(duì)前端開(kāi)發(fā)人員有所幫助。
一個(gè)內(nèi)存釋放的實(shí)例
<SCRIPT LANGUAGE="JavaScript">
<!--
strTest = "1";
for ( var i = 0; i < 25; i ++ )
{
strTest += strTest;
}
alert(strTest);
delete strTest;
CollectGarbage();
//-->
</SCRIPT>
CollectGarbage,是IE的一個(gè)特有屬性,用于釋放內(nèi)存的,使用方法嘛應(yīng)該是,將該變量或引用對(duì)象,設(shè)置為null或delete,然后在進(jìn)行釋放動(dòng)作
在做CollectGarbage前,要必需清楚的兩個(gè)必備條件:
引用- 一個(gè)對(duì)象在其生存的上下文環(huán)境之外,即會(huì)失效。
- 一個(gè)全局的對(duì)象在沒(méi)有被執(zhí)用(引用)的情況下,即會(huì)失效。
//---------------------------------------------------------
// JavaScript對(duì)象何時(shí)失效
//---------------------------------------------------------
function testObject() {
var _obj1 = new Object();
}
function testObject2() {
var _obj2 = new Object();
return _obj2;
}
// 示例1
testObject();
// 示例2
testObject2()
// 示例3
var obj3 = testObject2();
obj3 = null;
// 示例4
var obj4 = testObject2();
var arr = [obj4];
obj3 = null;
arr = [];
在這四個(gè)示例中:
- “示例1”在函數(shù)testObject()中構(gòu)造了_obj1,但是在函數(shù)退出時(shí),它就已經(jīng)離開(kāi)了函數(shù)的上下文環(huán)境,因此_obj1失效了;
- “示例2”中,testObject2()中也構(gòu)造了一個(gè)對(duì)象_obj2并傳出,因此對(duì)象有了“函數(shù)外”的上下文環(huán)境(和生存周期),然而由于函數(shù)的返回值沒(méi)有被其它變量“持有”,因此_obj2也立即失效了;
- “示例3”中,testObject2()構(gòu)造的_obj2被外部的變量obj3持用了,這時(shí),直到“obj3=null”這行代碼生效時(shí),_obj2才會(huì)因?yàn)橐藐P(guān)系消失而失效。
- 與示例3相同的原因,“示例4”中的_obj2會(huì)在“arr=[]”這行代碼之后才會(huì)失效。
但是,對(duì)象的“失效”并不等會(huì)“釋放”。在JavaScript運(yùn)行環(huán)境的內(nèi)部,沒(méi)有任何方式來(lái)確切地告訴用戶“對(duì)象什么時(shí)候會(huì)釋放”。這依賴(lài)于JavaScript的內(nèi)存回收機(jī)制。——這種策略與.NET中的回收機(jī)制是類(lèi)同的。
在前面的Excel操作示例代碼中,對(duì)象的所有者,也就是"EXCEL.EXE"這個(gè)進(jìn)程只能在“ActiveX Object實(shí)例的釋放”之后才會(huì)發(fā)生。而文件的鎖,以及操作系統(tǒng)的權(quán)限憑證是與進(jìn)程相關(guān)的。因此如果對(duì)象僅是“失效”而不是“釋放”,那么其它進(jìn)程處理文件和引用操作系統(tǒng)的權(quán)限憑據(jù)時(shí)就會(huì)出問(wèn)題。
——有些人說(shuō)這是JavaScript或者COM機(jī)制的BUG。其實(shí)不是,這是OS、IE和JavaScript之間的一種復(fù)雜關(guān)系所導(dǎo)致的,而非獨(dú)立的問(wèn)題。
Microsoft公開(kāi)了解決這種問(wèn)題的策略:主動(dòng)調(diào)用內(nèi)存回收過(guò)程。
在(微軟的)JScript中提供了一個(gè)CollectGarbage()過(guò)程(通常簡(jiǎn)稱(chēng)GC過(guò)程),GC過(guò)程用于清理當(dāng)前IE中的“失效的對(duì)象失例”,也就是調(diào)用對(duì)象的析構(gòu)過(guò)程。
在上例中調(diào)用GC過(guò)程的代碼是:
//---------------------------------------------------------
// 處理ActiveX Object時(shí),GC過(guò)程的標(biāo)準(zhǔn)調(diào)用方式
//---------------------------------------------------------
function writeXLS() {
//(略...)
excel.Quit();
excel = null;
setTimeout(CollectGarbage, 1);
}
第一行代碼調(diào)用excel.Quit()方法來(lái)使得excel進(jìn)程中止并退出,這時(shí)由于JavaScript環(huán)境執(zhí)有excel對(duì)象實(shí)例,因此excel進(jìn)程并不實(shí)際中止。
第二行代碼使excel為null,以清除對(duì)象引用,從而使對(duì)象“失效”。然而由于對(duì)象仍舊在函數(shù)上下文環(huán)境中,因此如果直接調(diào)用GC過(guò)程,對(duì)象仍然不會(huì)被清理。
第三行代碼使用setTimeout()來(lái)調(diào)用CollectGarbage函數(shù),時(shí)間間隔設(shè)為'1',只是使得GC過(guò)程發(fā)生在writeXLS()函數(shù)執(zhí)行完之后。這樣excel對(duì)象就滿足了“能被GC清理”的兩個(gè)條件:沒(méi)有引用和離開(kāi)上下文環(huán)境。
GC過(guò)程的使用,在使用了ActiveX Object的JS環(huán)境中很有效。一些潛在的ActiveXObject包括XML、VML、OWC(Office Web Componet)、flash,甚至包括在JS中的VBArray。從這一點(diǎn)來(lái)看,ajax架構(gòu)由于采用了XMLHTTP,并且同時(shí)要滿足“不切換頁(yè)面”的特性,因此在適當(dāng)?shù)臅r(shí)候主動(dòng)調(diào)用GC過(guò)程,會(huì)得到更好的效率用UI體驗(yàn)。
事實(shí)上,即使使用GC過(guò)程,前面提到的excel問(wèn)題仍然不會(huì)被完全解決。因?yàn)镮E還緩存了權(quán)限憑據(jù)。使頁(yè)的權(quán)限憑據(jù)被更新的唯一方法,只能是“切換到新的頁(yè)面”,
因此事實(shí)上在前面提到的那個(gè)SPS項(xiàng)目中,我采用的方法并不是GC,而是下面這一段代碼:
//---------------------------------------------------------
// 處理ActiveX Object時(shí)采用的頁(yè)面切換代碼
//---------------------------------------------------------
function writeXLS() {
//(略...)
excel.Quit();
excel = null;
// 下面代碼用于解決IE call Excel的一個(gè)BUG, MSDN中提供的方法:
// setTimeout(CollectGarbage, 1);
// 由于不能清除(或同步)網(wǎng)頁(yè)的受信任狀態(tài), 所以將導(dǎo)致SaveAs()等方法在
// 下次調(diào)用時(shí)無(wú)效.
location.reload();
}
delete 運(yùn)算符在手冊(cè)上的說(shuō)明
引用從對(duì)象中刪除一個(gè)屬性,或從數(shù)組中刪除一個(gè)元素。
delete expression
expression 參數(shù)是一個(gè)有效的 JScript 表達(dá)式,通常是一個(gè)屬性名或數(shù)組元素。
說(shuō)明
如果 expression 的結(jié)果是一個(gè)對(duì)象,且在 expression 中指定的屬性存在,而該對(duì)象又不允許它被刪除,則返回 false。
在所有其他情況下,返回 true。
最后之最后,關(guān)于GC的一個(gè)補(bǔ)充說(shuō)明:在IE窗體被最小化時(shí),IE將會(huì)主動(dòng)調(diào)用一次CollectGarbage()函數(shù)。這使得IE窗口在最小化之后,內(nèi)存占用會(huì)有明顯改善
- JavaScript對(duì)內(nèi)存分配及管理機(jī)制詳細(xì)解析
- 理解Javascript_01_理解內(nèi)存分配原理分析
- JavaScript 事件對(duì)內(nèi)存和性能的影響
- 深入理解JavaScript程序中內(nèi)存泄漏
- 跟我學(xué)習(xí)JScript的Bug與內(nèi)存管理
- JavaScript 變量、作用域及內(nèi)存
- JavaScript內(nèi)存管理介紹
- js變量、作用域及內(nèi)存詳解
- js內(nèi)存泄露的幾種情況詳細(xì)探討
- js 內(nèi)存釋放問(wèn)題
- JavaScript也談內(nèi)存優(yōu)化
- javascript內(nèi)存分配原理實(shí)例分析
相關(guān)文章
JavaScript判斷訪問(wèn)的來(lái)源是手機(jī)還是電腦,用的哪種瀏覽器
這篇文章主要介紹了使用JavaScript判斷訪問(wèn)的來(lái)源是手機(jī)還是電腦,用的哪種瀏覽器。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12webpack-dev-server 的 host 配置 0.0.0.0的方法
這篇文章主要介紹了webpack-dev-server 的 host 配置 0.0.0.0的方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,,需要的朋友可以參考下2024-01-01Layui tree 下拉菜單樹(shù)的實(shí)例代碼
今天小編就為大家分享一篇Layui tree 下拉菜單樹(shù)的實(shí)例代碼,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09常用js,css文件統(tǒng)一加載方法(推薦) 并在加載之后調(diào)用回調(diào)函數(shù)
下面小編就為大家?guī)?lái)一篇常用js,css文件統(tǒng)一加載方法(推薦) 并在加載之后調(diào)用回調(diào)函數(shù)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09解決WordPress使用CDN后博文無(wú)法評(píng)論的錯(cuò)誤
這篇文章主要介紹了解決WordPress使用CDN后博文無(wú)法評(píng)論的錯(cuò)誤的方法,同時(shí)提醒注意WordPress使用版本的jQuery版本支持度,需要的朋友可以參考下2015-12-12BootStrap Fileinput初始化時(shí)的一些參數(shù)
本文通過(guò)一個(gè)例子給大家簡(jiǎn)單介紹了bootstrap fileinput初始化時(shí)的一些參數(shù),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下2016-12-12原生js與jQuery實(shí)現(xiàn)簡(jiǎn)單的tab切換特效對(duì)比
這篇文章主要通過(guò)原生js與jQuery實(shí)現(xiàn)簡(jiǎn)單的tab切換特效對(duì)比介紹了js與jQuery之間的區(qū)別,有需要的小伙伴可以參考下。2015-07-07javascript運(yùn)動(dòng)效果實(shí)例總結(jié)(放大縮小、滑動(dòng)淡入、滾動(dòng))
這篇文章主要介紹了javascript運(yùn)動(dòng)效果,結(jié)合實(shí)例形式總結(jié)分析JavaScript實(shí)現(xiàn)放大縮小、滑動(dòng)淡入、滾動(dòng)等效果的方法,需要的朋友可以參考下2016-01-01