Sådan bruger du localStorage i JavaScript

Sådan bruger du localStorage i JavaScript

LocalStorage-mekanismen giver en type weblagringsobjekt, der lader dig gemme og hente data i browseren. Du kan gemme og få adgang til data uden udløb; dataene vil være tilgængelige, selv efter at en besøgende lukker dit websted.





Du får normalt adgang til localStorage ved hjælp af JavaScript. Med en lille mængde kode kan du bygge et eksempelprojekt, som en scoretæller. Dette vil vise, hvordan du kan gemme og få adgang til vedvarende data ved kun at bruge kode på klientsiden.



Hvad er localStorage i JavaScript?

LocalStorage-objektet er en del af weblagrings-API'en, som de fleste webbrowsere understøtter. Du kan gemme data som nøgleværdi-par ved hjælp af localStorage. De unikke nøgler og værdier skal være i UTF-16 DOM String-formatet.





Hvis du vil gemme objekter eller arrays, skal du konvertere dem til strenge ved hjælp af JSON.stringify() metode. Du kan gemme op til 5 MB data i localStorage. Alle vinduer med samme oprindelse kan også dele det pågældende websteds localStorage-data.

En browser sletter ikke disse data, selv når en bruger lukker dem. Det vil være tilgængeligt for webstedet, der oprettede det, under enhver fremtidig session. Du bør dog ikke bruge localStorage til følsomme data, da andre scripts, der kører på samme side, kan få adgang til det.



localStorage vs. sessionStorage

Det localStorage og sessionStorage objekter er en del af Web Storage API, der gemmer nøgleværdi-par lokalt. Alle moderne browsere understøtter dem begge. Med localStorage udløber dataene ikke, selv efter at en bruger lukker deres browser. Dette adskiller sig fra sessionStorage, som rydder data, når sidesessionen slutter. En sidesession slutter, når du lukker en fane eller et vindue.