理解js回收機制通俗易懂版
之前文章中,講解過js中的回收機制,但是對于當時的我來說,我自己對回收機制的這個概念也有些懵懵懂懂,現(xiàn)在對回收機制有了更深入的理解,所以特此發(fā)布此文給于總結(jié),也好加深記憶。
為什么要有回收機制?why?
打個比方,我有一個內(nèi)存卡,這個內(nèi)存是8G的,我把文件,視頻,音樂,都保存到了這個內(nèi)存卡,隨著我的儲存的內(nèi)容越來越多,這個內(nèi)存卡已經(jīng)保存不了了,如果我還想再把其他的文件保存到這個內(nèi)存卡就需要刪除一些文件,但是這些被刪除的文件是我們自己手動刪除的對吧,手動刪除就相當于js中的delete。
在這些程序語言中同樣也會出現(xiàn)這些問題,對,內(nèi)存!我們聲明的任何變量都需要消耗內(nèi)存,這些變量越多運行的速度也會越慢。當然不只是變量,代碼中的任何東西。這些語言的設(shè)計者為了解決這些問題,設(shè)計了一套代碼的回收規(guī)則。
代碼回收規(guī)則如下:
1.全局變量不會被回收。
2.局部變量會被回收,也就是函數(shù)一旦運行完以后,函數(shù)內(nèi)部的東西都會被銷毀。
3.只要被另外一個作用域所引用就不會被回收
我用幾個例子來證明這些。
function a(){
var user = "追夢子";
return user;
}
var b = a();
console.log(b); //追夢子
按理說我是不能訪問函數(shù)a里面的變量的,但是我通過全局變量b接收了這個函數(shù)a return過后的值,于是最后這段代碼就成了下面這樣。
function a(){
var user = "追夢子";
return user;
}
var b = "追夢子";
console.log(b);
好像這并看不出什么代碼回收,那么我們看接下來的一段代碼。
function a(){
var num = 0;
return function(){
num ++;
console.log(num);
};
}
var b = a();
b(); //1
b(); //2
b(); //3
看到了吧,如果按照正常的做法,那么輸出的應(yīng)該是3次1次對,因為函數(shù)體一旦運行那么這個函數(shù)體內(nèi)的代碼就會被清空,既然會被清空那么下次運行這段代碼的時候num應(yīng)該還是1,但是這里情況有些不同,我上面說過函數(shù)中的局部變量只要被另外一個作用域所引用那么這段代碼就不會被銷毀。
上面的代碼就像這樣
function a(){
var num = 0;
return function(){
num ++;
console.log(num);
};
}
var b = function(){
num ++;
console.log(num);
};
b();
b();
b();
那么被函數(shù)a返回的那個匿名函數(shù)的作用域由函數(shù)a轉(zhuǎn)向了window,由于這個匿名函數(shù)被全局變量b引用所以不會被銷毀。
function a(){
var num = 0;
return function(){
num ++;
console.log(num);
};
}
var b = {
fn:a()
}
b.fn(); //1
b.fn(); //2
b.fn(); //3
同樣可以,因為匿名函數(shù)被對象b的屬性fn引用,改變了它的作用域,簡單來說只要一個函數(shù)或者局部變量被改變作用域那么這個函數(shù)或者局部變量就不會被銷毀。
以上就是本文的全部內(nèi)容,希望大家對js回收機制有所幫助。
相關(guān)文章
擴展js對象數(shù)組的OrderByAsc和OrderByDesc方法實現(xiàn)思路
js的擴展方法是基于原型的,如Array.prototype.XXXX就是給Array擴展XXX方法,然后數(shù)組都能使用這個方法了,在對象數(shù)組里面經(jīng)常有根據(jù)屬性來進行排序的,升序,降序的,下面與大家分享自己寫的一個2013-05-05
調(diào)試Node.JS的輔助工具(NodeWatcher)
Node.JS調(diào)試貌似比較麻煩,每次改完了要重啟一下Node進程.GOOGLE上有個NPM模塊,可以監(jiān)控JS文件的更改,然后自動重啟Node.但我下載后在windows里運行報錯2012-01-01
JavaScript中防抖和節(jié)流的區(qū)別及適用場景
這篇文章主要介紹了JavaScript中防抖和節(jié)流的區(qū)別及適用場景,文章通過圍繞主題的相關(guān)資料展開詳細的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-05-05
uniapp開發(fā)H5打包微信小程序樣式失效的完美解決方法
本文主要介紹了在使用uniapp開發(fā)H5頁面并打包成微信小程序時,可能會出現(xiàn)樣式失效的問題,并提供了解決方法,通過本文的學習,讀者可以了解uniapp開發(fā)H5頁面打包成微信小程序的注意事項,避免出現(xiàn)樣式失效等問題2023-03-03
JavaScript實現(xiàn)簡單動態(tài)進度條效果
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡單動態(tài)進度條效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-04-04

