Cookies, sessionStorage va localStorage o'rtasidagi farqni tushuntiring.

Cookies kichik hajmdagi matn ma'lumotlarini (4 KB gacha) mijoz tomonida saqlaydi, har bir HTTP so'rovi bilan ularni o'rnatgan domen bilan yuboriladi. Ularning amal qilish muddati bo'lishi mumkin. Ular autentifikatsiya, foydalanuvchilarni kuzatish, foydalanuvchi afzalliklarini saqlash uchun ishlatiladi.

localStorage muddati bo'lmagan ma'lumotlarni saqlaydi (foydalanuvchi yoki ilova ularni o'chirmaguncha yoki brauzerni yopguncha) mijoz tomonida (brauzerga qarab 5-10MB). Ma'lumotlar brauzer sessiyalari o'rtasida mavjud, ammo faqat bir xil manbaga (domenga, protokolga, portga) tegishli skriptlar uchun. Ular avtomatik ravishda HTTP so'rovlari bilan yuborilmaydi. Uzoq muddatli saqlash va ilova sozlamalari uchun ishlatiladi.

sessionStorage bir sessiya davomida ma'lumotlarni saqlaydi (karta yoki oynalar ochiq bo'lsa). Ma'lumotlar karta yoki oynani yopganda o'chiriladi. Saqlash hajmi localStorage ga o'xshash (5-10MB gacha). Ma'lumotlar faqat bir xil manbaga tegishli skriptlar uchun mavjud. Ular avtomatik ravishda HTTP so'rovlari bilan yuborilmaydi. Hozirgi sessiya uchun vaqtinchalik ma'lumotlarni saqlash uchun ishlatiladi.

Xususiyat	Cookies	localStorage	sessionStorage
Saqlash muddati	Amal qilish muddati yoki brauzerni yopish	Foydalanuvchi yoki ilova o'chirmaguncha	Karta yoki oynani yopgunga qadar
Ma'lumot hajmi	4 KB gacha	5-10MB gacha	5-10MB gacha
Mavjudlik	HTTP so'rovlari bilan domen bilan yuboriladi	Faqat JavaScript orqali faqat bir xil manba	Faqat JavaScript orqali faqat bir xil manba
Kartalar o'rtasida mavjudlik	Ha	Ha	Yo'q (turli kartalar uchun)
Maqsad	Autentifikatsiya, kuzatuv, afzalliklar	Uzoq muddatli saqlash, sozlamalar	Vaqtinchalik saqlash, sessiya uchun

localStoragedan foydalanish misoli:

// Ma'lumot saqlash
localStorage.setItem('userName', 'Alice');

// Ma'lumot olish
const userName = localStorage.getItem('userName');
console.log(userName); // Natija: Alice

// Ma'lumotni o'chirish
// localStorage.removeItem('userName');

// Barcha saqlashni tozalash
// localStorage.clear();

sessionStoragedan foydalanish misoli:

// Ma'lumot saqlash
sessionStorage.setItem('orderId', '12345');

// Ma'lumot olish
const orderId = sessionStorage.getItem('orderId');
console.log(orderId); // Natija: 12345

// Ma'lumotni o'chirish
// sessionStorage.removeItem('orderId');

// Barcha saqlashni tozalash
// sessionStorage.clear();