| No. | 內容鏈接 |
|---|---|
| 1 | Openlayers 【入門教程】 - 【源代碼+示例300+】 |
| 2 | Leaflet 【入門教程】 - 【源代碼+圖文示例 150+】 |
| 3 | Cesium 【入門教程】 - 【源代碼+圖文示例200+】 |
| 4 | MapboxGL【入門教程】 - 【源代碼+圖文示例150+】 |
| 5 | 前端就業寶典 【面試題+詳細答案 1000+】 |
文章目錄
- 一、垃圾回收基本原理
- 1、 標記-清除（Mark-and-Sweep）
- 2、引用計數
- 二、示例代碼
- 三、注意事項
- 四、小技巧
JavaScript的垃圾回收機制是自動管理內存分配和釋放的過程，它主要通過兩種策略實現：標記-清除（Mark-and-Sweep）和引用計數（Reference Counting）。現代JavaScript引擎如V8（Chrome和Node.js中使用）和SpiderMonkey（Firefox中使用）主要采用標記-清除算法，并在此基礎上做了優化，如增量標記、分代回收等。以下是對垃圾回收的詳細解釋、示例代碼以及注意事項。
一、垃圾回收基本原理
1、 標記-清除（Mark-and-Sweep）
- 標記階段：從根對象（全局變量、當前執行上下文中的變量等）出發，遍歷所有可達的對象，將它們標記為活動的。
- 清除階段：遍歷堆內存，未被標記的對象被認為是垃圾，可以被回收。
2、引用計數
- 每個對象都有一個引用計數，每當有新的引用指向它時計數加1，引用消失時減1。
- 當計數降為0時，對象被視為垃圾可回收。
二、示例代碼
let obj = { data: "Hello" }; // 創建一個對象，分配內存
let ref = obj; // 增加一個引用，引用計數為2
obj = null; // 解除一個引用，但因為ref還存在，所以引用計數為1，對象不會被回收
ref = null; // 現在引用計數為0，理論上在引用計數策略下可以回收
// 實際上，現代JavaScript引擎會采用標記-清除，因此不依賴引用計數，但示例展示了基本概念。
三、注意事項
-
循環引用：兩個或更多對象相互引用，即使不再被外部引用也可能阻止垃圾回收。現代JavaScript引擎通過周期收集機制解決這個問題，但設計時仍應避免不必要的循環引用。
let objA = {}; let objB = {}; objA.ref = objB; // A引用B objB.ref = objA; // B引用A objA = null; objB = null; // 兩個對象互相引用，但已斷開外部連接，現代引擎可以處理這種循環引用。 -
性能影響：垃圾回收過程會消耗CPU資源，特別是在進行全量回收時可能導致應用暫停（STWASM）。優化代碼減少不必要的對象創建和及時釋放引用可以減輕這一影響。
-
內存泄漏：長時間運行的應用，特別是涉及大量DOM操作、定時器、閉包（closures）、事件監聽器時，要特別注意避免內存泄漏。
-
現代引擎優化：了解并利用現代JavaScript引擎的特性，如V8的分代垃圾回收，年輕代（頻繁回收短期對象）和老年代（較少回收長期對象）的區分，可以提高內存管理效率。
四、小技巧
- 使用工具：利用瀏覽器開發者工具中的內存分析工具（如Chrome DevTools的Memory面板）來檢測內存泄漏。
- 避度量與監控：對于復雜的Web應用，實施性能監控和內存使用度量，定期檢查是否有不正常的增長趨勢。
- 代碼模式：遵循良好的編程實踐，比如使用WeakMap和WeakSet來存儲大型數據結構的引用，避免不必要的強引用。
理解垃圾回收機制，并在開發中合理應用這些知識，有助于編寫內存高效、性能優越的JavaScript應用。
)
