Wat zijn de belangrijkste verschillen tussen LocalStorage, SessionStorage en Cookies bij het opslaan van gegevens in de browser?

LocalStorage, SessionStorage en Cookies zijn drie manieren om gegevens op te slaan in de browser, maar ze verschillen in volume, levensduur en bereik:

• LocalStorage:

  • Slaat gegevens op zonder vervaldatum, totdat de gebruiker ze handmatig verwijdert.
  • Gegevens zijn beschikbaar in alle tabbladen en vensters van hetzelfde domein.
  • Het volume is meestal ongeveer 5-10 MB.
  • Wordt niet bij elke aanvraag naar de server gestuurd.

• SessionStorage:

  • Gegevens bestaan alleen binnen een sessie (zolang het browser tabblad open is).
  • Gegevens zijn niet toegankelijk in andere tabbladen of vensters.
  • Het volume is vergelijkbaar met dat van LocalStorage.
  • Wordt niet naar de server gestuurd.

• Cookies:

  • Hebben een beperkte omvang (ongeveer 4 KB).
  • Kunnen een vervaldatum hebben waarna ze worden verwijderd.
  • Worden bij elke HTTP-verzoek naar het bijbehorende domein gestuurd.
  • Worden gebruikt voor authenticatie, sessietracking, enz.

Voorbeeld van gebruik van LocalStorage:

// Gegevens opslaan
localStorage.setItem('username', 'user123');

// Gegevens ophalen
const user = localStorage.getItem('username');