Özet - Yerel depolama

JavaScript kursu · Orta seviye · Ders 48/134

localStorage ve JSON kullanarak bir karanlık mod tercihini kaydedip geri yükleyen bir uygulama yazarsın.

Özet - Yerel depolama

Bu grupta localStorage ve sessionStorage ile veri saklamayı öğrendin. localStorage kalıcıdır, sessionStorage sekme kapatılınca silinir. İkisi de yalnızca metin saklar; dizi ve nesneleri join ve split ile metne çevirip geri okursun.

Temizleme için removeItem tek anahtarı, clear tümünü siler. Başka sekmede değişimden haberdar olmak için storage olayını dinlersin. Şimdi bunları bir araya getiren bir uygulama yazacaksın.

Uygulama Karanlık mod tercihini kaydet ve oku

'theme' anahtarına 'dark' değerini setItem ile kaydet. Sonra getItem ile oku; değer 'dark' ise isDark değişkenini true yap, değilse false yap.

Örnek çözümü göster

localStorage.setItem('theme', 'dark');
const saved = localStorage.getItem('theme');
const isDark = saved === 'dark';

Uygulama Tercihi sil ve geri oku

'theme' anahtarını removeItem ile sil. Sonra getItem ile tekrar oku ve sonucu theme değişkenine ata.

Örnek çözümü göster

localStorage.removeItem('theme');
const theme = localStorage.getItem('theme');

Kendini test et

Hangi depolama türü tarayıcı kapatılsa bile kalır?
```
localStorage.setItem('a', '1');
sessionStorage.setItem('b', '2');
```
- sessionStorage
- localStorage
- windowStorage
- tempStorage
Cevabı göster

localStorage — Doğru! localStorage tarayıcı kapatılsa bile kalır.
Tüm metodları eşleştir

setItem(k, v)

Değeri kaydeder
getItem(k)

Değeri okur
removeItem(k)

Tek anahtarı siler
clear()

Tümünü siler

Orta seviye bölümündeki tüm dersler

1 Arrow fonksiyonlar

2 Kapsam

3 Closure

Özet - Yerel depolama