Cookies, sessionStorage va localStorage o'rtasidagi farqni tushuntiring.

Qo‘llash doirasi: Cookieslar mijoz va server tomonida mavjud. sessionStorage va localStorage faqat mijoz tomonida mavjud.

Hayot muddati: Cookies uchun, hayot muddati ularni yaratishda o‘rnatiladi (expires yoki max-age yordamida). Agar ko‘rsatilmagan bo‘lsa, cookie brauzer yopilganda o‘chiriladi. sessionStorage faqat joriy sessiya davomida (karta yoki oynani yopguncha) ma'lumotlarni saqlaydi. localStorage ma'lumotlarni doimiy saqlaydi, ularni aniq o‘chguncha.

Hajm: Cookies uchun maksimal hajm taxminan 4 KB. sessionStorage va localStorage uchun bu 5 MB dan 10 MB gacha, brauzerga qarab o‘zgaradi.

Har so‘rov bilan yuborish: Cookies avtomatik ravishda har HTTP so‘rovi bilan yuboriladi, bu trafikka ta'sir qilishi mumkin. sessionStorage va localStorage ma'lumotlari serverga yuborilmaydi.

Kirish usuli: Cookiesga kirish document.cookie (matn) orqali amalga oshiriladi. sessionStorage va localStoragega kirish mos ob'ektlar yordamida setItem, getItem, removeItem va clear metodlari bilan amalga oshiriladi.

// Cookie o‘rnatish
document.cookie = "username=John Doe; expires=Thu, 18 Dec 2023 12:00:00 UTC; path=/";

// Cookie olish
let x = document.cookie;

// sessionStorage ga ma'lumot qo‘yish
sessionStorage.setItem("lastname", "Smith");

// sessionStorage dan ma'lumot olish
let y = sessionStorage.getItem("lastname");

// localStorage ga ma'lumot qo‘yish
localStorage.setItem("firstname", "Jane");

// localStorage dan ma'lumot olish
let z = localStorage.getItem("firstname");

Xususiyat	cookies	sessionStorage	localStorage
Amaliy doira	Mijoz va Server	Faqat Mijoz	Faqat Mijoz
Hayot muddati	Yaratuvchi paytida o‘rnatiladi (expires/max-age), yoki brauzer yopilganda o‘chiriladi	Kartani yoki brauzer oynasini yopgach	Doimiy (aniqlangan o‘chirishgacha)
Hajm	~4 KB	~5-10 MB (brauzerga qarab)	~5-10 MB (brauzerga qarab)
So‘rov bilan yuborish	Ha	Yo‘q	Yo‘q
Kirish usuli	document.cookie	sessionStorage.getItem/setItem	localStorage.getItem/setItem