Q50. What are common causes of memory leaks in JavaScript?

// ❌ Leak: কোনো সময় থাকে, DOM থেকে সরে যায়
function attach(element) {
  element.addEventListener("click", () => {
    console.log("click হয়েছে");
  });
}

// ✅ ঠিক করতে হলে remove করতে হবে
function attach(element) {
  function onClick() {
    console.log("click হয়েছে");
  }

  element.addEventListener("click", onClick);

  return () => element.removeEventListener("click", onClick);
}

// ❌ Leak: সব interval একসাথে বন্ধ হয় না
for (const id of ids) {
  setInterval(() => {
    updateWidget(id);
  }, 1000);
}

// ✅ সবসময় বন্ধ করা হচ্ছে
const timers = [];

for (const id of ids) {
  const timer = setInterval(() => updateWidget(id), 1000);
  timers.push(timer);
}

// পরে
timers.forEach(clearInterval);

// ❌ Leak: শুধু lastId-তে মান থাকবে, বাকি id বাঁচে যায়
const requestCache = {};

function load(id) {
  if (requestCache[id]) return requestCache[id];

  const data = fetchData(id);
  requestCache[id] = data;
  return data;
}

// ✅ সীমিত সাইজের cache
class LRUCache {
  constructor(limit) {
    this.limit = limit;
    this.map = new Map();
  }

  get(id) {
    if (!this.map.has(id)) return undefined;

    const value = this.map.get(id);
    this.map.delete(id);
    this.map.set(id, value); // সাম্প্রতিক ব্যবহার শেষে
    return value;
  }

  set(id, value) {
    if (this.map.has(id)) this.map.delete(id);
    this.map.set(id, value);

    if (this.map.size > this.limit) {
      const oldest = this.map.keys().next().value;
      this.map.delete(oldest); // সবচেয়ে পুরোনোটা বাদ
    }
  }
}

// ❌ Leak: reference রেখে দিলে DOM মুক্ত হবে না
const items = document.querySelectorAll(".item");

const observer = new MutationObserver(() => {
  const count = items.length;
  console.log(count);
});

observer.observe(document.body, { childList: true });
// items এখনও document.body-কে reference করছে, পুরো tree আটকে যায়

// ✅ শুধু দরকারি অংশ রাখুন
const count = document.querySelectorAll(".item").length;

// ❌ Leak: closure-এ বড় ডেটা ধরে রাখা
function createCounter() {
  const hugeData = new Array(1000000).fill("data");

  return () => {
    // শুধু counter দরকার, কিন্তু hugeData ও ধরে রাখা হচ্ছে
    return hugeData.length;
  };
}

// ❌ মুক্ত হবে না
const map = new Map();
const key = { id: 1 };
map.set(key, "tahshil");

// ✅ মুক্ত হতে পারে
const weakMap = new WeakMap();
weakMap.set(key, "tahshil");