Các nguyên nhân phổ biến gây Rò rỉ bộ nhớ (Memory Leaks) trong ứng dụng JavaScript và cách khắc phục?

Question

Memory Leak xảy ra khi bộ nhớ không còn được ứng dụng sử dụng nhưng Garbage Collector không thể thu hồi được:
1. **Unintended Global Variables**: Biến không khai báo `var/let/const` vô tình gắn vào `window` object.
2. **Forgotten Timers & Callbacks**: Sử dụng `setInterval` hoặc event listener nhưng

Accepted Answer

Memory Leak xảy ra khi bộ nhớ không còn được ứng dụng sử dụng nhưng Garbage Collector không thể thu hồi được:
1. **Unintended Global Variables**: Biến không khai báo `var/let/const` vô tình gắn vào `window` object.
2. **Forgotten Timers & Callbacks**: Sử dụng `setInterval` hoặc event listener nhưng quên hủy khi component bị unmount.
3. **Detached DOM Elements**: Lưu tham chiếu đến DOM element trong JS variable nhưng element đó đã bị xóa khỏi cây DOM HTML.
4. **Out-of-scope Closures**: Closure giữ tham chiếu đến các biến object lớn không còn sử dụng.

Các nguyên nhân phổ biến gây Rò rỉ bộ nhớ (Memory Leaks) trong ứng dụng JavaScript và cách khắc phục?

📌 Nội Dung Câu Hỏi

Đáp Án Chi Tiết Đã Bị Khóa

Câu Hỏi JavaScript Liên Quan

Event Delegation trong JavaScript là gì và cơ chế Event Bubbling vs Capturing hoạt động ra sao?

Phân biệt sự khác nhau giữa WeakMap / WeakSet với Map / Set trong JavaScript?