Wat zijn de verschillen tussen de mechanismen voor gegevensopslag in LocalStorage, SessionStorage en cookies in de browser?

LocalStorage, SessionStorage en cookies zijn drie mechanismen voor het opslaan van gegevens in de browser, die verschillen in volume, levensduur en toegankelijkheid.

• LocalStorage

  • Slaat gegevens op zonder vervaldatum (totdat ze handmatig worden verwijderd).
  • De capaciteit is meestal ongeveer 5-10 MB.
  • Gegevens zijn beschikbaar in alle tabbladen en vensters van hetzelfde domein.
  • Wordt niet verzonden naar de server bij HTTP-verzoeken.

• SessionStorage

  • Gegevens bestaan alleen binnen een sessie (zolang het tabblad open is).
  • De capaciteit is vergelijkbaar met die van LocalStorage.
  • Gegevens zijn alleen beschikbaar in het huidige tabblad/venster.
  • Wordt niet verzonden naar de server.

• Cookies

  • Kunnen een vervaldatum hebben waarna ze worden verwijderd.
  • De capaciteit is beperkt (ongeveer 4 KB per cookie).
  • Gegevens worden automatisch naar de server gestuurd bij elke aanvraag naar het betreffende domein.
  • Worden gebruikt voor authenticatie, tracking, enz.

Voorbeeld van gebruik van LocalStorage:

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