搜尋
首頁web前端js教程快速理解 JavaScript 的垃圾回收

快速理解 JavaScript 的垃圾回收

前言

JS具有自動垃圾回收機制,換句話說,執行環境會管理程式碼執行過程中使用的記憶體。

JS垃圾回收的原理

執行環境會找出那些不再繼續使用的變量,然後釋放其佔用的記憶體。

JS垃圾回收的策略

#標記清除

當變數進入環境時,就將這個變數標記為“進入環境”,而當變數離開環境時,則將其標記為“離開環境”。

標記變數方式看具體的實現,例如可以使用一個「進入環境」的變數列表和一個「離開環境」的變數列表來追蹤哪個變數發生了變化。

使用過標記清除的瀏覽器有IE,Firefox,chrome。

引用計數

這是一個不太常見的垃圾回收的策略,它就是追蹤每個值被引用的次數。

當宣告了一個變數a並將一個引用型別值({name:'cc'})賦給該變數時,則這個值的參考次數就是1,如果a({name:'cc '})再賦給另一個變數b,則該值的引用次數加1。反之,如果a賦值{name:'xx'},則{name:'cc'}這個值的引用次數減1。當{name:'cc'}這個值的引用的次數變成0時,則表示沒有辦法再存取{name:'cc'}這個值了,因而可以將其佔用的記憶體空間回收。這樣,當垃圾回收器工作的時候,{name:'cc'}這個值所佔用的記憶體空間就會被回收。

這種方式曾今被Netscape Navigator 3.0使用過,但有一個嚴重問題:循環引用。

function circleReferenceProbem(){
  let objectA = new Object()
  let objectB = new Object()
  objectA.someOtherObject = objectB
  objectB.anotherObject = objectA
}

執行這個函數後,因為這兩個引用值的參考次數永遠不會為0,垃圾回收器永遠不會回收它們所佔用的記憶體空間。

JS垃圾回收器的效能

因為JS垃圾回收器是每隔一個週期就執行一次垃圾回收。

如果為變數分配的記憶體數量不大的話,那麼垃圾回收器的回收工作量就不大。但是,當垃圾回收器的工作量過大的時候,就很可能會出現卡頓的情況。

JS中管理記憶體的建議

#1、盡量少用全域變數

2、盡可能手​​動清除變量的引用

推薦教學:《JS教學

以上是快速理解 JavaScript 的垃圾回收的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文轉載於:juejin。如有侵權,請聯絡admin@php.cn刪除
JavaScript的演變:當前的趨勢和未來前景JavaScript的演變:當前的趨勢和未來前景Apr 10, 2025 am 09:33 AM

JavaScript的最新趨勢包括TypeScript的崛起、現代框架和庫的流行以及WebAssembly的應用。未來前景涵蓋更強大的類型系統、服務器端JavaScript的發展、人工智能和機器學習的擴展以及物聯網和邊緣計算的潛力。

神秘的JavaScript:它的作用以及為什麼重要神秘的JavaScript:它的作用以及為什麼重要Apr 09, 2025 am 12:07 AM

JavaScript是現代Web開發的基石,它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發,極大地提升了用戶體驗和跨平台開發的靈活性。

Python還是JavaScript更好?Python還是JavaScript更好?Apr 06, 2025 am 12:14 AM

Python更适合数据科学和机器学习,JavaScript更适合前端和全栈开发。1.Python以简洁语法和丰富库生态著称,适用于数据分析和Web开发。2.JavaScript是前端开发核心,Node.js支持服务器端编程,适用于全栈开发。

如何安裝JavaScript?如何安裝JavaScript?Apr 05, 2025 am 12:16 AM

JavaScript不需要安裝,因為它已內置於現代瀏覽器中。你只需文本編輯器和瀏覽器即可開始使用。 1)在瀏覽器環境中,通過標籤嵌入HTML文件中運行。 2)在Node.js環境中,下載並安裝Node.js後,通過命令行運行JavaScript文件。

在Quartz中如何在任務開始前發送通知?在Quartz中如何在任務開始前發送通知?Apr 04, 2025 pm 09:24 PM

如何在Quartz中提前發送任務通知在使用Quartz定時器進行任務調度時,任務的執行時間是由cron表達式設定的。現�...

在JavaScript中,如何在構造函數中獲取原型鏈上函數的參數?在JavaScript中,如何在構造函數中獲取原型鏈上函數的參數?Apr 04, 2025 pm 09:21 PM

在JavaScript中如何獲取原型鏈上函數的參數在JavaScript編程中,理解和操作原型鏈上的函數參數是常見且重要的任�...

微信小程序webview中Vue.js動態style位移失效是什麼原因?微信小程序webview中Vue.js動態style位移失效是什麼原因?Apr 04, 2025 pm 09:18 PM

在微信小程序web-view中使用Vue.js動態style位移失效的原因分析在使用Vue.js...

在Tampermonkey中如何實現對多個鏈接的並發GET請求並依次判斷返回結果?在Tampermonkey中如何實現對多個鏈接的並發GET請求並依次判斷返回結果?Apr 04, 2025 pm 09:15 PM

在Tampermonkey中如何對多個鏈接進行並發GET請求並依次判斷返回結果?在Tampermonkey腳本中,我們經常需要對多個鏈...

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )專業的PHP整合開發工具

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用