Trong lập trình hướng sự kiện, mảng thường được dùng để lưu trữ danh sách các hàm callback (Event Listeners). Việc quên xóa các callback này khi component bị hủy (Unmount) gây ra hiện tượng rò rỉ bộ nhớ (Memory Leak). Hãy giải thích cách mảng giữ tham chiếu và phương pháp xử lý chuẩn.

Question

Accepted Answer

Phân tích bản chất
Khi một hàm callback được đẩy vào một mảng toàn cục hoặc mảng lưu trữ sự kiện, mảng đó sẽ giữ một tham chiếu mạnh (Strong reference) đến hàm và các biến ngoại vi liên quan (Closure). Nếu component bị hủy nhưng mảng vẫn lưu giữ tham chiếu này, Garbage Collector sẽ không thể giải phóng bộ nhớ của component đó.
Giải pháp tối ưu
Luôn luôn thực hiện dọn dẹp (Cleanup) mảng chứa callback bằng cách sử dụng phương thức filter() hoặc splice() khi component unmount, hoặc chuyển sang sử dụng cấu trúc dữ liệu WeakSet / WeakMap nếu phù hợp.
Ví dụ code minh họa
let eventListeners = [];

function subscribe(callback) {
  eventListeners.push(callback);
  // Trả về hàm hủy đăng ký
  return function unsubscribe() {
    eventListeners = eventListeners.filter(listener => listener !== callback);
  };
}
Lưu ý kinh nghiệm thực chiến
Tại Unicode Academy, chúng tôi đánh giá cao những Junior luôn chủ động kiểm tra vòng đời ứng dụng và thực hiện dọn dẹp bộ nhớ triệt để để đảm bảo tính ổn định cho hệ thống Enterprise.

Phân tích bản chất

Làm Chủ Phỏng Vấn & Nâng Cao Trình Độ Chuyên Nghiệp

Tải Tuyển Tập 100+ Câu Hỏi Phỏng Vấn Chuyên Sâu (PDF)

Cần Mentor Phỏng Vấn Thử 1-1 & Tối Ưu CV?

Kiểm Tra CV Chuẩn ATS Miễn Phí

Câu hỏi arrays liên quan cùng chủ đề