localStorage ve sessionStorage Karşılaştırması
Doğru depolama ömrünü seçin.
localStorage ve sessionStorage Karşılaştırması, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 4 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, JavaScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. JavaScript Academy kursu toplamda 4 dersten oluşur.
İki Depo, Aynı API
localStorage ve sessionStorage aynı yöntemleri paylaşır. Aralarındaki fark lifetime, yani verilerin ne kadar süre varlığını sürdürdüğüdür.
localStorage Kalıcıdır
localStorage içindeki veriler açıkça kaldırılana kadar kalır. Sayfa yenilense, sekme kapansa veya tarayıcı yeniden başlatılsa bile varlığını sürdürür.
localStorage.setItem("theme", "dark");
// Still there days later, after closing the browsersessionStorage Geçicidir
sessionStorage içindeki veriler yalnızca sekme oturumu boyunca kalır. Sekmeyi kapatmak verileri siler.
sessionStorage.setItem("step", "2");
// Gone once the tab is closedSekme Başına Yalıtım
Her tarayıcı sekmesi kendi sessionStorage alanını alır. Aynı sitenin iki sekmesinin oturum depoları ayrıdır; verileri NOT paylaşırlar.
localStorage Paylaşılır
Buna karşılık aynı kaynağın tüm sekmeleri ve pencereleri tek bir localStorage alanını paylaşır. Bir sekmedeki yazma işlemi diğerlerinde görünür.
Yeniden Yükleme Davranışı
Normal bir yeniden yükleme, o sekmenin sessionStorage alanını korur. Bir sekmeyi çoğaltmak oturumu kopyalayabilir; ancak yeni bir sekme açmak boş bir alanla başlar.
sessionStorage.setItem("draft", text);
// Survives F5 reload in the same tabAralarında Seçim Yapma
Uzun süreli tercihler (theme, dil) için localStorage kullanın. Geçici, sekmeye özel durumlar (sihirbazdaki bir adım veya tek kullanımlık bir form taslağı) için sessionStorage kullanın.
Güvenlik Uyarısı
Her iki depo da güvenli değildir. Sayfadaki herhangi bir betik tarafından okunabilirler; bu nedenle parolaları veya gizli kalması gereken hassas belirteçleri asla saklamayın.
Her Yerde Aynı Yöntemler
API'ler aynı olduğundan, yalnızca nesne adını değiştirerek birini diğeriyle değiştirebilirsiniz. Birine göre yazılmış kod diğeriyle de çalışır.
const store = useSession ? sessionStorage : localStorage;
store.setItem("k", "v");Gizli Tarama
Gizli/inkognito kiplerinde her iki depo da genellikle oturum sona erdiğinde temizlenir; bazı tarayıcılar bunları sınırlar veya devre dışı bırakır. Yazma işleminin başarısız olabileceğini her zaman ele alın.
try {
localStorage.setItem("k", "v");
} catch (e) {
console.log("storage unavailable");
}Kotalar Ayrıdır
Her deponun kendi kotası vardır (kaynak başına genellikle yaklaşık 5 MB). sessionStorage'ı doldurmak localStorage bütçesinden harcama yapmaz.
Hızlı Kontrol
İki depoyu karşılaştırma.
Özet
Her iki depo da aynı API'yi paylaşır, ancak lifetime bakımından farklıdır. localStorage oturumlar arasında kalıcıdır ve bir kaynağın tüm sekmeleri tarafından paylaşılır; sessionStorage yalnızca tek bir sekme oturumu boyunca yaşar ve sekme başına yalıtılmıştır. Hiçbiri güvenli değildir ve her birinin yaklaşık 5 MB'lık kendi kotası vardır.
Sıkça Sorulan Sorular
“localStorage ve sessionStorage Karşılaştırması” dersi ücretsiz mi?
Evet — “localStorage ve sessionStorage Karşılaştırması” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve JavaScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. JavaScript Academy kursu toplamda 4 dersten oluşur.
“localStorage ve sessionStorage Karşılaştırması” dersinde ne öğreneceğim?
Doğru depolama ömrünü seçin. JavaScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
JavaScript Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te JavaScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 2. dersidir.
“localStorage ve sessionStorage Karşılaştırması” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu JavaScript Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her JavaScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Veri Saklama ve Okuma
- localStorage ve sessionStorage Karşılaştırması
- JSON ile Nesne Saklama
- Depolama Olayları ve Sınırlar