Local Storage, yəni yerli yaddaş, HTML5-in təqdim etdiyi müasir veb texnologiyalardan biridir və veb səhifələrin brauzer üzərində kalıcı məlumat saxlamasına imkan verir. Bu, əsasən açar-dəyər (key-value) formatında işləyən sadə amma güclü bir saxlama mexanizmidir. Local Storage, cookie texnologiyasına nisbətən daha çox yaddaş tutumuna və daha yüksək performansa sahibdir. İstifadəçi brauzeri bağlasa da, hətta cihazı yenidən başladsa belə, məlumatlar silinmir və yenidən istifadə üçün əlçatan qalır.

Local Storage necə işləyir?

Local Storage istifadəçinin brauzerində saxlanılan məlumatların domen səviyyəsində işləməsini təmin edir. Yəni müəyyən bir domen (sayt) üçün saxlanılan məlumatlara yalnız həmin domen daxilində baxmaq və dəyişmək mümkündür. Bu, təhlükəsizlik baxımından əhəmiyyətlidir və məlumatların səhvən və ya zərərli şəkildə başqa domenlər tərəfindən oxunmasının qarşısını alır.

Struktur və istifadə üsulu

Local Storage yalnız string tipli məlumatları saxlaya bilir. Əgər siz obyekt və ya massiv kimi məlumatları saxlamaq istəyirsinizsə, öncə onları JSON.stringify() funksiyası ilə string formatına çevirməli, oxuyarkən isə JSON.parse() ilə yenidən orijinal formaya gətirməlisiniz.

Nümunə:

// String məlumat saxlamaq

localStorage.setItem("ad", "Jane");

// Məlumat oxumaq

const ad = localStorage.getItem("ad");

// Məlumat silmək

localStorage.removeItem("ad");

// Bütün yaddaşı təmizləmək

localStorage.clear();

Obyekt saxlamaq:

const user = {

name: "Jane",

age: 25

};

localStorage.setItem("istifadeci", JSON.stringify(user));

const oxunan = JSON.parse(localStorage.getItem("istifadeci"));

console.log(oxunan.name); // "Jane"

Local Storage-in əsas üstünlükləri

• Kalıcıdır – sessiya əsaslı deyil, məlumat brauzer bağlansa belə qalır.
• Əlçatan və sadə API – setItem, getItem, removeItem, clear funksiyaları ilə işləmək çox asandır.
• Daha çox tutum – cookie ilə müqayisədə təxminən 5MB və ya daha çox yaddaş imkanı təqdim edir.
• Serverə göndərilmir – məlumat yalnız brauzerdə qalır və hər HTTP sorğusunda serverə göndərilmir.
• Offline rejimi üçün uyğundur – internet bağlantısı olmadıqda belə məlumatlar qorunur.

Diqqət edilməli məqamlar

• Təhlükəsiz deyil — Local Storage-də saxlanılan məlumatlar brauzerdə açıq şəkildə görünür, ona görə də parollar, tokenlər və digər həssas məlumatlar burada heç vaxt saxlanmamalıdır.
• Eyni domenə bağlılıq — Saxlanılan məlumatlar yalnız eyni domen altında istifadə edilə bilər. Alt domenlər belə bu məlumatlara çıxış əldə edə bilməz.
• Sinxron işləyir — Local Storage API senkron işlədiyinə görə çox böyük məlumatlarla işləyərkən performans problemləri yarana bilər.

İstifadə ssenariləri (real nümunələr)

• İstifadəçinin sayt rejimi (dark mode və ya light mode) seçimini yadda saxlamaq.
• Daxil edilmiş form məlumatlarını səhifə yeniləndikdə itirməmək üçün saxlamaq.
• E-ticarət saytlarında istifadəçinin səbətinə əlavə etdiyi məhsulları saxlayaraq daha yaxşı istifadəçi təcrübəsi təmin etmək.
• Offline tətbiqlərdə məlumatların saxlanması və sonradan sinxronizasiyası üçün istifadə etmək.

Nəticə olaraq, Local Storage müasir veb tətbiqlərində istifadəçi təcrübəsini artırmaq üçün çox faydalı və sadə bir texnologiyadır. Lakin təhlükəsizlik və performans nəzərə alınaraq ehtiyatla istifadə edilməlidir.