JavaScript'te LocalStorage ve SessionStorage İşlemleri

Adı : JavaScript'te LocalStorage ve SessionStorage İşlemleri

LocalStorage ve SessionStorage, JavaScript'teki iki farklı depolama yöntemidir. Her ikisi de web tarayıcısında veri depolayabilir ve daha sonra bu verileri okuyabiliriz. Ancak farklı özellikleri vardır ve farklı kullanım senaryoları vardır.
LocalStorage:
LocalStorage, web tarayıcısında verileri kalıcı olarak depolamak için kullanılan bir yöntemdir. Bu, kullanıcının tarayıcıyı kapatıp tekrar açtığında, depolanan verilerin hala mevcut olacağı anlamına gelir. Bu nedenle, localStorage genellikle bir kullanıcının tercihlerini, seçeneklerini veya önceden kaydedilmiş formları depolamak için kullanılır.
LocalStorage basit bir anahtar-değer sistemine sahiptir, benzer şekilde bir obje gibi düşünebilirsiniz. Örneğin, aşağıdaki kod örneğiyle bir username anahtarının değerini localStorage'a kaydedebiliriz:
localStorage.setItem(username, JohnDoe);
Daha sonra, kaydedilen verileri almak için, bu kodu kullanabilirsiniz:
var username = localStorage.getItem(username);
Bu, depolanan 'username' anahtarının değerini alır.
Örnek kullanım senaryoları
LocalStorage, bir kullanıcının tercihlerini, seçeneklerini veya önceden kaydedilmiş formları depolamak için kullanılır. Ayrıca, çevrimdışı durumlarda da kullanıcı deneyimini iyileştirmek için kullanılabilir. Bazı örnekler:
- Kullanıcının seçtiği dil ayarını hatırlamak
- Bir müşterinin sepetindeki öğeleri kaydetmek
- Kullanıcının çevrimdışı olduğunda depolanan içeriği açmasına izin vermek
SessionStorage:
SessionStorage, web tarayıcısında verileri depolamak için kullanılan bir yöntemdir. Ancak bu yöntem, verileri tarayıcı penceresi açık olduğu süre boyunca tutar ve pencere kapatıldığı anda veriler silinir. Bu nedenle, SessionStorage, temp verileri veya mevcut oturumla ilgili bilgileri depolamak için kullanılır.
SessionStorage'ın kullanımı, birçok yönden localStorage'unkiyle aynıdır. Aşağıdaki örnekte, bir user anahtarının değerini SessionStorage'a kaydediyoruz:
sessionStorage.setItem(user, JohnDoe);
Bir sonraki adımda, kaydedilen verileri almak için şu kodu kullanabiliriz:
var user = sessionStorage.getItem(user);
Bu, depolanan 'user' anahtarının değerini alır.
Örnek kullanım senaryoları
SessionStorage, mevcut oturumla ilgili bilgileri veya geçici verileri depolamak için kullanılır. Ayrıca, işlem yapmak için açılan birden fazla tarayıcı penceresi varsa, SessionStorage'da yapılan değişiklikler diğer pencereler tarafından da görülebilir. Bazı örnekler:
- Giriş yapmış bir kullanıcının kimliğini depolamak
- Geçici verileri depolamak
- İşlem adımlarını tutmak ve bir sonraki adıma geçmek için verileri taşımak
Sonuç olarak, tarayıcıların depolama alanında verileri depolamak için kullanılan iki farklı teknik olan LocalStorage ve SessionStorage, bazı benzerlikler ve farklılıklar içeriyor. Her ikisi de anahtar-değer sistemine sahip ve basit bir kullanım sunuyor. Ancak, LocalStorage verileri kalıcı olarak depolarken, SessionStorage verileri yalnızca pencere açık olduğu sürece depoluyor. Kullanırken amacına uygun doğru yöntemin seçilmesi, daha iyi bir kullanıcı deneyimi ve daha iyi bir performans sağlayabilir.