Ինչպե՞ս կվերացնեիք ձեր կոդում հիշողության արտահոսքը։…

Դուք կպարզեիք արտահոսքի աղբյուրը՝ օգտագործելով բրաուզերի մշակողների գործիքներ (Timeline / Performance, Memory):

Հաճախ հանդիպող հիշողության արտահոսքի պատճառներ՝

Օբյեկտների կախված կապեր:
- Մոռացված ժամացույցներ (setInterval, setTimeout), որոնք հղում են անում օբյեկտներին:
- Անորոշ իրադարձությունների մշակողներ, որոնք չեն հանվել (removeEventListener):
- Կապեր, որոնք պահպանում են արտաքին փոփոխականները ավելին, քան անհրաժեշտ է:
- DOM տարրեր, որոնք հեռացվել են փաստաթղթից, բայց հղումներ են մնացել JavaScript-ում:

// Օրինակ՝ մոռացված ժամացույցից առաջացած արտահոսք
const leakyObject = {
  data: 'մի որոշ տվյալ'
};

setInterval(() => {
  console.log(leakyObject.data); // leakyObject չի կարող հավաքագրվել գարշահավաքով
}, 1000);

Մեծ տվյալների կառուցվածքներ:
- Շատ մեծ զանգվածներ կամ օբյեկտներ ստեղծել և պահել, երբ կարելի է օգտագործել ինտերատորներ կամ հոսք:
Կեշերի սխալ օգտագործում:
- Կեշեր, որոնք անընդհատ աճում են առանց դուրս մղման ռազմավարության (LRU, LFU և այլն):
Երրորդ կողմի գրադարաններից արտահոսքներ:
- Ստուգել գրադարանների փաստաթղթերը կամ ծագող կոդը՝ հնարավոր խնդիրների համար:

Ներարկում՝

Իրադարձությունների և ժամացույցների չեղարկում: Համոզվել, որ բոլոր իրադարձությունների մշակողները հանված են և ժամացույցները մաքրված են՝ երբ կոմպոնենտը կամ օբյեկտը ոչնչացվում է:

// Ճիշտ մաքրման ժամացույց
const leakyObject = {
  data: 'մի որոշ տվյալ'
};
let timerId;

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

function stopTimer() {
  clearInterval(timerId); // Մաքրել ժամացույցը
}

Հղումների զրոյացում: Մասնավորապես զրոյացնել մեծ կամ անօգտագործվող օբյեկտների հղումները՝ որպեսզի գարշահավաքը կարողանա հավաքել:
Օգտագործել WeakMap և WeakSet: Օբյեկտների հղումները պահելու համար, որոնք կարող են հեռացվել գարշահավաքի կողմից, երբ այլ ուժեղ հղումներ չեն կան:
Տվյալների կառուցվածքների օպտիմալացում: Օգտագործել ավելի արդյունավետ տվյալների կառուցվածքներ կամ մոտեցումներ (օրինակ՝ դանդաղ բեռնում):
Կեշերի չափի սահմանափակում: Կիրառել դուրս մղման ռազմավարություններ:
Գրադարանների թարմացում կամ փոխարինում: Եթե խնդիրը երրորդ կողմի գրադարանում է, թարմացնել կամ գտնել այլընտրանք:

Ներարկում՝

Հետո՝ օգտագործել մշակողների գործիքները՝ հաստատելու համար, որ արտահոսք չկա։