localStorage sammenlignet med sessionStorage
Vælg den rigtige lagringslevetid.
localStorage sammenlignet med sessionStorage er en gratis JavaScript Academy-lektion på CoddyKit. Dette er lektion 2 af 4. Du kan læse alle 3 lektioner i dette læringsspor gratis i deres fulde længde — derefter låser CoddyKit PRO alle lektioner op samt praktiske øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Den er en del af læringsforløbet i JavaScript Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. JavaScript Academy-kurset indeholder 4 lektioner i alt.
To lagre, samme API
localStorage og sessionStorage har identiske metoder. Forskellen er levetiden: hvor længe dataene bevares.
localStorage bevarer data
Data i localStorage bliver, indtil de udtrykkeligt fjernes. De overlever genindlæsning af siden, lukning af faner og genstart af browseren.
localStorage.setItem("theme", "dark");
// Still there days later, after closing the browsersessionStorage er midlertidigt
Data i sessionStorage varer kun under fanesessionen. Når fanen lukkes, slettes dataene.
sessionStorage.setItem("step", "2");
// Gone once the tab is closedIsolering pr. fane
Hver browserfane får sit eget sessionStorage. To faner med det samme websted har separate sessionslagre; de deler IKKE data.
localStorage deles
I modsætning hertil deler alle faner og vinduer fra samme oprindelse ét localStorage. En skrivning i én fane kan ses i de andre.
Opførsel ved genindlæsning
En normal genindlæsning bevarer sessionStorage for den pågældende fane. Hvis du duplikerer en fane, bliver sessionen muligvis kopieret, men en ny fane starter tom.
sessionStorage.setItem("draft", text);
// Survives F5 reload in the same tabVælge mellem dem
Brug localStorage til langvarige indstillinger (tema, sprog). Brug sessionStorage til midlertidig tilstand pr. fane (et trin i en guide eller en kladde til en engangsformular).
Sikkerhedsadvarsel
Ingen af lagrene er sikre. Begge kan læses af ethvert script på siden, så gem aldrig adgangskoder eller fortrolige tokens, der skal forblive private.
Samme metoder overalt
Da API'erne stemmer overens, kan du skifte det ene lager ud med det andet ved kun at ændre objektnavnet. Kode, der er skrevet til det ene, fungerer også med det andet.
const store = useSession ? sessionStorage : localStorage;
store.setItem("k", "v");Privat browsing
I privat- og inkognitotilstande bliver begge lagre typisk ryddet, når sessionen slutter, og nogle browsere begrænser eller deaktiverer dem. Håndter altid muligheden for, at en skrivning mislykkes.
try {
localStorage.setItem("k", "v");
} catch (e) {
console.log("storage unavailable");
}Separate kvoter
Hvert lager har sin egen kvote (ofte omkring 5 MB pr. oprindelse). Hvis du fylder sessionStorage, bruger det ikke af localStorage-kvoten.
Hurtigt tjek
Sammenligne de to lagre.
Opsummering
Begge lagre har samme API, men forskellig levetid. localStorage bevares på tværs af sessioner og deles af alle faner fra en oprindelse; sessionStorage findes kun under én fanesession og er isoleret pr. fane. Ingen af dem er sikre, og hvert lager har sin egen kvote på cirka 5 MB.
Lær JavaScript med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 59
- Lektioner
- 200
Ofte stillede spørgsmål
Er lektionen “localStorage sammenlignet med sessionStorage” gratis?
Ja — alle 3 lektioner i læringssporet JavaScript Academy, inklusive “localStorage sammenlignet med sessionStorage”, kan læses gratis i deres fulde længde her på webstedet. Derefter låser CoddyKit PRO alle lektioner op samt interaktive øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. JavaScript Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “localStorage sammenlignet med sessionStorage”?
Vælg den rigtige lagringslevetid. Du øver dig i JavaScript Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på JavaScript Academy?
Der kræves ingen tidligere erfaring. JavaScript Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 2 af 4.
Hvor lang tid tager lektionen “localStorage sammenlignet med sessionStorage”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne JavaScript Academy-lektion?
Ja. Alle JavaScript Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Lagring og læsning af data
- localStorage sammenlignet med sessionStorage
- Lagring af objekter med JSON
- Storage-hændelser og begrænsninger