JavaScript Local Storage ve Session Storage

Adı : JavaScript Local Storage ve Session Storage

JavaScript Local Storage ve Session Storage

JavaScript, günümüz web sayfalarında sıklıkla kullanılan bir programlama dilidir. Bu dil sayesinde, sayfalarımızda etkileşimli öğeler oluştururken, verilerimizi de web tarayıcımızda tutabiliyoruz. Bunun için de iki adet yöntemimiz bulunuyor: Local Storage ve Session Storage.

Local Storage

Local storage, web tarayıcısında tutulan bir veri deposudur. Bu hafıza, tarayıcı kapandığında bile saklanmaktadır. Yani, kullanıcı bir sayfayı kapattıktan sonra, veriler tarayıcıda saklanmaya devam eder. Bu depolama yöntemi, sayfalarımızın kaybolmasını engellemek için kullanılabilir.

Örneğin, bir kullanıcının adını ve email adresini kaydetmek istiyoruz. Bunu Local Storage ile şu şekilde yapabiliriz:

localStorage.setItem(\"kullaniciAdi\", \"Mehmet\");
localStorage.setItem(\"emailAdresi\", \"mehmet@mail.com\");

Burada, öncelikle setItem() fonksiyonu kullanılarak verilerimiz tarayıcıya kaydedilmiştir. SetItem() fonksiyonu, iki parametre alır: Birincisi, key (anahtar) değerini, ikincisi ise bunun değerini belirtir.

Key değerleri, tarayıcımızdaki local storage içerisinde verilerimizin nerede saklandığını belirlemek için kullanılır. Yani, kaydettiğimiz verileri aynı key ile çağırabiliriz. Örneğin:

localStorage.getItem(\"kullaniciAdi\");

Bu kod, bizim önceki örnekte kaydettiğimiz “Mehmet” değerini döndürecektir.

Session Storage

Session storage de Local storage gibi bir veri deposudur. Ancak, farkı tarayıcı kapandıktan sonra veriler otomatik olarak silinir. Yani, kullanıcının tarayıcıyı kapattıktan sonra kaydettiğimiz veriler kaybolacaktır.

Session storage’da kullanımı Local storage ile neredeyse aynıdır:

sessionStorage.setItem(\"kullaniciAdi\", \"Mehmet\");
sessionStorage.setItem(\"emailAdresi\", \"mehmet@mail.com\");

sessionStorage.getItem(\"kullaniciAdi\");

Bu kod da \"Mehmet\" değerini döndürecektir.

Farklar

Session storage ve Local storage arasındaki en temel fark, verilerin saklanma süreleridir. Local storage, tarayıcı kapandıktan sonra da verileri tutar. Session storage ise, tarayıcı kapandığında verileri siler.

Bir diğer fark da, Session storage’a depolanan verilerin sadece o seans içerisinde kullanılabileceğidir. Yani, başka bir tarayıcı penceresi açıldığında veya sayfa yenilendiğinde, bu veriler kaybolacaktır. Ancak, Local storage’daki veriler sürekli olarak saklandığından, farklı seanslar veya sayfalar arasında erişilebilirler.

Örnekler

Local storage’un kullanımı çok yaygın olarak çerezlerde (cookies) yapılmaktadır. Örneğin, kullanıcının tercihlerini tutmak için, tarayıcıda bir çerez oluşturabiliriz. Ancak, çerezlerdeki veriler her zaman güvensiz olabilirler. Local storage, çerezlere benzer şekilde kullanılabileceği için bu verilerin saklanması daha güvenlidir.

Bir başka örnek ise, kullanıcıların oyun puanlarını tutmak için kullanmak olabilir. Böylece, kullanıcıların tarayıcıları kapandığında bile en yüksek puanlarını tutabiliriz.

Sık Sorulan Sorular

- Local storage ve Session storage birbirinin yerine kullanılabilir mi?

Hayır, bu yöntemler farklı saklama sürelerine sahiptir. Local storage, tarayıcı kapatıldıktan sonra bile verileri saklar. Session storage ise yalnızca seans sırasında verileri depolar.

- Local storage ve Session storage’un kapasitesi nedir?

Local storage, tarayıcı tarafından kullanılan sabit bir bellek bloğu özelliği taşımaktadır. Bu bellek bloğu, genellikle 5 MB ile sınırlıdır. Session storage ise, genellikle 5-10 MB arasında veri saklayabilir.

- Local storage ve Session storage verilerini ne zaman kullanmalıyız?

Genellikle, uzun süreli saklama için Local storage, kısa süreli saklama için ise Session storage kullanılabilir. Ancak, bunlar çok yönlü araçlardır ve uygulamanıza bağlı olarak kullanabilirsiniz.

- Local storage ve Session storage güvenli mi?

Bu yöntemler tarayıcı tarafından sunulduğundan, bu yöntemlerle depolanan veriler, tarayıcının güvenlik önlemleri tarafından sağlanır. Ancak, her zaman güvenli bir yolla depolama yapmak için verilerinizin sıkıştırılmış veya şifrelenmiş olması önerilir."