localStorage

Mis on localStorage?

localStorage on brauseri sisseehitatud mälu, mis võimaldab salvestada andmeid võtme–väärtuse paaridena kauemaks ajaks kui sessionStorage. Andmed jäävad alles ka pärast brauseri või vahelehe sulgemist, kuni need käsitsi kustutatakse.

Harjutus

• Mine tagasi vahekaardile, kus sooritasid viimati sessionStorage käske.
• Ava brauseri konsool ja kirjuta localStorage. Näed, et see on tühi (kui sa pole varem midagi sinna lisanud).
• Sisesta käsk:

  localStorage.setItem('car', 'enda lemmikauto');

  See lisab localStorage'isse uue väärtuse.
• Kontrolli salvestatud väärtust käsuga:

  localStorage.getItem('car');

  Peaks kuvama sinu sisestatud lemmikauto nime.
• Ava uus brauseri vaheaken ja mine Application > Local Storage alla (Chrome devtools). Seal peaks paiknema sinu lisatud andmeüksus.
• Proovi sulgeda brauser ja uuesti avada — andmed on endiselt olemas.

Peamised käsud localStorage’ga töötamiseks

Käsk	Kirjeldus
localStorage.setItem(key, value)	Lisa või muuda väärtus võtme alusel
localStorage.getItem(key)	Loe salvestatud väärtust võtme alusel
localStorage.removeItem(key)	Kustuta konkreetne väärtus võtme alusel
localStorage.clear()	Kustuta kõik localStorage’i andmed

localStorage vs sessionStorage

Omadus	sessionStorage	localStorage
Säilitamise kestvus	Ainult ühe vahekaardi sessiooni vältel	Püsiv kuni kustutamiseni
Kättesaadavus domeeni piires	Ainult sama vahekaardi sees	Kõikidest vahekaartidest samal domeenil
Kasutusalad	Ajutised andmed, sessiooniteave	Püsivad kasutaja eelistused ja seadistused