Τι είναι οι διαρροές μνήμης και γιατί αποτελούν…

Διαρροή μνήμης είναι μια κατάσταση όπου ένα μέρος της δεσμευμένης μνήμης, που δεν χρειάζεται πλέον στην εφαρμογή, δεν απελευθερώνεται από το σύστημα διαχείρισης μνήμης και παραμένει απρόσιτο για μελλοντική χρήση.

Προβλήματα που σχετίζονται με διαρροές μνήμης:

Μείωση της απόδοσης: Η μη απελευθερωμένη μνήμη συσσωρεύεται σταδιακά, μειώνοντας τον διαθέσιμο όγκο RAM για άλλες διεργασίες ή την ίδια την εφαρμογή. Αυτό μπορεί να οδηγήσει σε επιβραδύνσεις, "πάγωμα" και "παγώματα".
Σφάλματα στην εφαρμογή: Αν η διαρροή είναι σημαντική, η εφαρμογή μπορεί να εξαντλήσει τη διαθέσιμη μνήμη, οδηγώντας σε σφάλματα όπως "out of memory" και αιφνίδιες τερματισμούς.
Αυξημένη κατανάλωση πόρων: Μια εφαρμογή με διαρροές μνήμης απαιτεί περισσότερους πόρους συστήματος, που μπορεί να επηρεάσει αρνητικά τη λειτουργία άλλων εφαρμογών και ολόκληρου του συστήματος, ειδικά σε συσκευές με περιορισμένους πόρους (π.χ., κινητές συσκευές).

Στην JavaScript, οι περισσότερες διαρροές μνήμης συμβαίνουν λόγω απροσεκτης διαχείρισης των αναφορών (closures, χρονόμετρα, ακροατές συμβάντων), που συνεχίζουν να διατηρούν αντικείμενα στη μνήμη που θεωρητικά θα έπρεπε να συλλεχθούν από τον συλλέκτη απορριμμάτων.

Παράδειγμα απλής διαρροής στη JavaScript:

// Πίνακας στον οποίο μπορούν να συσσωρεύονται αντικείμενα,
// αν οι αναφορές σε αυτά δεν αφαιρούνται εγκαίρως
let leakyArray = [];

function createLeak() {
  let obj = {
    data: Math.random() // Τυχαία δεδομένα
  };

  // μη προγραμματισμένη παγκόσμια αναφορά
  // Αν ξεχάσετε να δηλώσετε τη μεταβλητή με let/const/var
  // ή να αναθέσετε μια ιδιότητα στο παγκόσμιο αντικείμενο window (στον browser)
  // αυτή η αναφορά μπορεί να είναι η αιτία της διαρροής, διατηρώντας το obj στη μνήμη
  // window.globalObj = obj; 

  // Αν η αναφορά προστίθεται σε έναν πίνακα που ποτέ δεν καθαρίζεται
  leakyArray.push(obj); 
}

// Η επαναλαμβανόμενη κλήση της συνάρτησης οδηγεί σε αύξηση του leakyArray
for (let i = 0; i < 1000; i++) {
  createLeak();
}

// Ακόμα και αν το createLeak() ολοκληρωθεί, τα αντικείμενα
// μέσα στο leakyArray συνεχίζουν να καταλαμβάνουν χώρο στη μνήμη,
// αν το leakyArray δεν συλλεγεί ή δεν καθαριστεί

Για την αποτροπή διαρροών μνήμης, είναι σημαντικό να ακολουθούνται οι ακόλουθοι κανόνες:

Να αφαιρούνται οι ακροατές συμβάντων (removeEventListener).
Να ακυρώνονται οι χρονόμετροι (clearInterval, clearTimeout).
Να απελευθερώνονται εξωτερικοί πόροι.
Να χρησιμοποιούνται με προσοχή οι κλεισίματα (closures), ειδικά σε μακροχρόνια συστατικά.
Να ελέγχεται και να καθαρίζεται η αναφορά σε στοιχεία DOM, αν αυτά διαγράφονται από το δέντρο.

Τι είναι οι διαρροές μνήμης και γιατί αποτελούν πρόβλημα;