JavaScript'te localStorage Nasıl Kullanılır?

JavaScript'te localStorage Nasıl Kullanılır?

localStorage mekanizması, tarayıcıda veri depolamanıza ve almanıza izin veren bir tür web depolama nesnesi sağlar. Verileri sona ermeden saklayabilir ve bunlara erişebilirsiniz; veriler, bir ziyaretçi sitenizi kapattıktan sonra bile kullanılabilir olacaktır.





Normalde localStorage'a JavaScript kullanarak erişirsiniz. Az miktarda kodla, puan sayacı gibi örnek bir proje oluşturabilirsiniz. Bu, yalnızca istemci tarafı kodunu kullanarak kalıcı verileri nasıl depolayabileceğinizi ve bunlara nasıl erişebileceğinizi gösterecektir.





JavaScript'te localStorage nedir?

localStorage nesnesi, çoğu web tarayıcısının desteklediği web depolama API'sinin bir parçasıdır. LocalStorage'ı kullanarak verileri anahtar/değer çiftleri olarak depolayabilirsiniz. Benzersiz anahtarlar ve değerler UTF-16 DOM String biçiminde olmalıdır.





Nesneleri veya dizileri depolamak istiyorsanız, bunları kullanarak dizelere dönüştürmeniz gerekir. JSON.stringify() yöntem. localStorage'da 5 MB'a kadar veri depolayabilirsiniz. Ayrıca, aynı kaynağa sahip tüm pencereler, o sitenin localStorage verilerini paylaşabilir.

Bir tarayıcı, bir kullanıcı kapatsa bile bu verileri silmez. Gelecekteki herhangi bir oturumda onu oluşturan web sitesinde mevcut olacaktır. Ancak, aynı sayfada çalışan diğer komut dosyaları buna erişebildiğinden hassas veriler için localStorage kullanmamalısınız.



localStorage vs. sessionStorage

bu localStorage ve sessionStorage nesneler, anahtar/değer çiftlerini yerel olarak depolayan Web Depolama API'sinin bir parçasıdır. Tüm modern tarayıcılar her ikisini de destekler. localStorage ile, bir kullanıcı tarayıcısını kapattıktan sonra bile verilerin süresi dolmaz. Bu, sayfa oturumu sona erdiğinde verileri temizleyen sessionStorage'dan farklıdır. Bir sekmeyi veya pencereyi kapattığınızda bir sayfa oturumu sona erer.