CodeBlanks Logo Icon CodeBlanks

sessionStorage

JavaScript kursu · Orta seviye · Ders 44/134

sessionStorage ile sekmeye özgü geçici veri saklamayı öğrenirsin.

sessionStorage nedir?

sessionStorage, localStorage ile aynı metotları sunan bir depolama aracıdır. Farkı, verinin yalnızca bir sekme (tab) için geçerli olmasıdır. Sekmeyi kapatınca içindeki her şey silinir.

sessionStorage.setItem('draft', 'merhaba');

İki sekme aynı siteyi açsa bile her birinin sessionStorage'ı ayrıdır; birbirinin verisini göremez. Kalıcı veri için localStorage kullanırsın.

Aynı dört metod

sessionStorage, localStorage ile aynı dört metodu paylaşır: setItem, getItem, removeItem ve clear. Öğrendiğin her şey burada da aynı şekilde geçerlidir; yalnızca anahtar kelimesini değiştirirsin.

const draft = sessionStorage.getItem('draft');
sessionStorage.removeItem('draft');

İki depo arasındaki tek fark yaşam süresidir. sessionStorage sekme açıkken yaşar ve kapatılınca kaybolur; localStorage ise tarayıcı kapatılsa bile kalır.

Uygulama Geçici taslak kaydet ve oku

'draft' anahtarına 'merhaba' değerini sessionStorage.setItem ile kaydet. Sonra getItem ile draft değişkenine oku.

Örnek çözümü göster
sessionStorage.setItem('draft', 'merhaba');
const draft = sessionStorage.getItem('draft');

Kendini test et

  1. sessionStorage ile localStorage arasındaki temel fark nedir?

    sessionStorage.setItem('x', '1');
    localStorage.setItem('x', '1');
    • sessionStorage daha hızlıdır
    • sessionStorage yalnızca metin saklar
    • sessionStorage sekme kapatılınca temizlenir
    • sessionStorage daha az veri tutar
    Cevabı göster

    sessionStorage sekme kapatılınca temizlenir — Doğru! sessionStorage veriyi sekme kapatılınca siler.

  2. sessionStorage'a değer kaydet

    sessionStorage.____('draft', 'merhaba');
    Cevabı göster
    sessionStorage.setItem('draft', 'merhaba');
  3. Özellikleri eşleştir

    localStorage
    Tarayıcı kapatılsa da kalır
    sessionStorage
    Sekme kapatılınca silinir
    Her ikisi
    Yalnızca metin saklar
  4. Bir sekmede sessionStorage'a veri kaydettin ve sekmeyi kapattın. Veri ne olur?

    sessionStorage.setItem('token', 'abc');
    // sekme kapatıldı
    • Tarayıcıyı açınca geri gelir
    • Kalıcı olarak silinir
    • localStorage'a taşınır
    • Sunucuya gönderilir
    Cevabı göster

    Kalıcı olarak silinir — Doğru! sessionStorage sekme kapatılınca kalıcı olarak silinir.

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