Kā jūs labotu atmiņas noplūdi savā kodā?

Jūs galētu noteikt izplūdes avotu, izmantojot pārlūkprogrammas izstrādātāju rīkus (Timeline / Performance, Memory).

Bieži sastopami atmiņas noplūdes iemesli:

• Objektu saistības:
  • Aizmirsti taimeri (setInterval, setTimeout), kas norāda uz objektiem.
  • Neskaidri notikumu apstrādātāji, kas nav atvienoti (removeEventListener).
  • Aizkaves, kas ilgāk turpina turēt ārējos mainīgos, nekā nepieciešams.
  • DOM elementi, kas ir izņemti no dokumenta, bet joprojām ir saites JavaScript.

// Piemērs, kad noplūde rodas aizmirsta taimeru dēļ
const leakyObject = {
  data: 'kādi dati'
};

setInterval(() => {
  console.log(leakyObject.data); // leakyObject nevar tikt savākts ar atkritumu savācēju
}, 1000);

• Lieli datu struktūras:
  • Izveidot un glabāt pārāk lielas masīvus vai objektus, kad var izmantot iterators vai straumi.
• Kešu nepareiza izmantošana:
  • Keši, kas nepārtraukti aug bez izmešanas stratēģijas (LRU, LFU utt.).
• Trešo pušu bibliotēku noplūdes:
  • Pārbaudīt dokumentāciju vai avota kodu par potenciālām problēmām.

Labojumi:

1. Notikumu un taimeru atcelšana: Pārliecinieties, ka visi notikumu apstrādātāji ir atvienoti un taimeri ir iztīrīti, kad komponenta vai objekta dzēšana notiek.

// Pareiza taimeru tīrīšana
const leakyObject = {
  data: 'kādi dati'
};
let timerId;

function startTimer() {
  timerId = setInterval(() => {
    console.log(leakyObject.data);
  }, 1000);
}

function stopTimer() {
  clearInterval(timerId); // Tīrīt taimeri
}

2. Saites nullēšana: Skaidri nullējiet saites uz lieliem vai neizmantotiem objektiem, lai atkritumu savācējs varētu tos savākt.
3. Izmantot WeakMap un WeakSet: Glabāt saites uz objektiem, kas var tikt izņemti ar atkritumu savācēju, ja uz tiem nav citu stipru saiti.
4. Datu struktūru optimizācija: Izmantot efektīvākas datu struktūras vai pieejas (piem., veltīta ielāde).
5. Kešu izmēra ierobežojums: Ieviest izmešanas stratēģijas.
6. Bibliotēku atjaunināšana vai nomaiņa: Ja problēma ir trešās puses bibliotēkā, atjauniniet to vai meklējiet alternatīvu.

Pēc labojuma vēlreiz izmantotu izstrādātāju rīkus, lai apstiprinātu, ka noplūde nav notikusi.