JavaScript Academy · leksjon

localStorage kontra sessionStorage

Velg riktig levetid for lagringen.

Leksjon 2 av 413 trinn

localStorage kontra sessionStorage er en gratis leksjon i JavaScript Academy på CoddyKit. Dette er leksjon 2 av 4. Du kan lese valgfritt 3 leksjoner fra denne læringsstien gratis i sin helhet – deretter låser CoddyKit PRO opp alle leksjoner, samt praktisk øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i JavaScript Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i JavaScript Academy inneholder totalt 4 leksjoner.

To lagre, samme API

localStorage og sessionStorage har identiske metoder. Forskjellen er levetiden: hvor lenge dataene overlever.

localStorage varer

Data i localStorage blir værende til de fjernes eksplisitt. De overlever sideoppdateringer, lukking av faner og omstarter av nettleseren.

localStorage.setItem("theme", "dark");
// Still there days later, after closing the browser

sessionStorage er midlertidig

Data i sessionStorage varer bare under faneøkten. Når fanen lukkes, tømmes dataene.

sessionStorage.setItem("step", "2");
// Gone once the tab is closed

Isolering per fane

Hver nettleserfane får sin egen sessionStorage. To faner med samme nettsted har separate økter; de deler IKKE data.

localStorage er delt

Til forskjell deler alle faner og vinduer fra samme opphav én localStorage. En skriving i én fane er synlig i de andre.

Oppførsel ved oppdatering

En vanlig oppdatering beholder sessionStorage for den aktuelle fanen. Hvis du dupliserer en fane, kan økten bli kopiert, men en ny fane starter tom.

sessionStorage.setItem("draft", text);
// Survives F5 reload in the same tab

Velge mellom dem

Bruk localStorage for langvarige innstillinger (tema, språk). Bruk sessionStorage for midlertidig tilstand per fane (et trinn i en veiviser eller et skjemautkast som bare skal brukes én gang).

Sikkerhetsadvarsel

Ingen av lagrene er sikre. Begge kan leses av alle skript på siden, så lagre aldri passord eller sensitive tokens som må holdes private.

Samme metoder overalt

Fordi API-ene samsvarer, kan du bytte ut det ene med det andre ved å endre bare objektnavnet. Kode som er skrevet for det ene, fungerer med det andre.

const store = useSession ? sessionStorage : localStorage;
store.setItem("k", "v");

Privat nettlesing

I privat- eller inkognitomodus tømmes vanligvis begge lagrene når økten avsluttes, og enkelte nettlesere begrenser eller deaktiverer dem. Håndter alltid muligheten for at en skriving mislykkes.

try {
  localStorage.setItem("k", "v");
} catch (e) {
  console.log("storage unavailable");
}

Kvoten er separat

Hvert lager har sin egen kvote (vanligvis rundt 5 MB per opphav). Hvis du fyller sessionStorage, bruker det ikke av kvoten til localStorage.

Hurtigsjekk

Sammenligne de to lagrene.

Besvar den i den interaktive leksjonen

Oppsummering

Begge lagrene har samme API, men forskjellig levetid. localStorage varer på tvers av økter og deles av alle faner fra et opphav; sessionStorage varer bare under én faneøkt og er isolert per fane. Ingen av dem er sikre, og hvert lager har sin egen kvote på rundt ~5MB.

Gratis å komme i gang

Lær deg JavaScript med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs: 59
Leksjoner: 200

Start læringen gratis Se hele kurset

Ofte stilte spørsmål

Er leksjonen «localStorage kontra sessionStorage» gratis?

Ja – du kan lese valgfritt 3 av leksjonene i læringsstien JavaScript Academy, inkludert «localStorage kontra sessionStorage», gratis i sin helhet her på nettet. Deretter låser CoddyKit PRO opp alle leksjoner, samt interaktiv øving med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Kurset i JavaScript Academy inneholder totalt 4 leksjoner.

Hva lærer jeg i «localStorage kontra sessionStorage»?

Velg riktig levetid for lagringen. Du øver på JavaScript Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med JavaScript Academy?

Ingen tidligere erfaring er nødvendig. JavaScript Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 2 av 4.

Hvor lang tid tar leksjonen «localStorage kontra sessionStorage»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne JavaScript Academy-leksjonen?

Ja. Alle JavaScript Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

← Tilbake til JavaScript Academy