Ποια είναι τα πλεονεκτήματα και τα μειονεκτήματα των μηχανισμών αποθήκευσης δεδομένων στο LocalStorage, SessionStorage και cookies στον browser;

Το LocalStorage, SessionStorage και τα cookies είναι τρεις μηχανισμοί αποθήκευσης δεδομένων στον browser, που διαφέρουν σε όγκο, διάρκεια ζωής και διαθεσιμότητα.

• LocalStorage

  • Αποθηκεύει δεδομένα χωρίς ημερομηνία λήξης (μέχρι να διαγραφούν χειροκίνητα).
  • Ο όγκος είναι συνήθως περίπου 5-10 MB.
  • Τα δεδομένα είναι διαθέσιμα σε όλες τις καρτέλες και παράθυρα του ίδιου domain.
  • Δεν αποστέλλονται στον διακομιστή κατά τις HTTP αιτήσεις.

• SessionStorage

  • Τα δεδομένα ζουν μόνο εντός μιας συνεδρίας (όσο είναι ανοιχτή η καρτέλα).
  • Ο όγκος είναι παρόμοιος με το LocalStorage.
  • Τα δεδομένα είναι διαθέσιμα μόνο στην τρέχουσα καρτέλα/παράθυρο.
  • Δεν αποστέλλονται στον διακομιστή.

• Cookies

  • Μπορούν να έχουν ημερομηνία λήξης, μετά την οποία διαγράφονται.
  • Ο όγκος είναι περιορισμένος (περίπου 4 KB ανά cookie).
  • Τα δεδομένα αποστέλλονται αυτόματα στον διακομιστή σε κάθε αίτηση προς το αντίστοιχο domain.
  • Χρησιμοποιούνται για αυθεντικοποίηση, παρακολούθηση κ.ά.

Παράδειγμα χρήσης LocalStorage:

localStorage.setItem('user', 'Alice');
const user = localStorage.getItem('user');