Cookies, sessionStorage жана localStorage арасындагы айырманы түшүндүрүңүз.

Cookies кичинекей көлөмдөгү текст маалыматтарды (4KB чейин) кардар тарапта сактайт, аларды түзгөн доменге ар бир HTTP суроо менен жөнөтөт. Алардын мөөнөтү болушу мүмкүн. Алар авторизация, колдонуучуларды көзөмөлдөө, колдонуучунун артыкчылыктарын сактоо үчүн колдонулат.

localStorage мөөнөтсүз маалыматтарды сактайт (колдонуучу тазалабайынча же браузер жабылбайынча), кардар тарапта (5-10MB чейин, браузерге жараша). Маалыматтар браузердин сессияларынын ортосунда жеткиликтүү, бирок ошол эле чыгуу тегинен (домен, протокол, порт) скрипттер үчүн гана. Алар автоматтык түрдө HTTP суроолору менен жөнөтүлбөйт. Түзмөктүн узак мөөнөттүү сактоосу, колдонмо жөндөөлөрүн сактоо үчүн колдонулат.

sessionStorage бир сессиянын ичинде маалыматтарды сактайт (барак же терезе ачылгандан кийин). Маалыматтар жабуу менен жоголот. Сактоо көлөмү localStorage менен окшош (5-10MB чейин). Маалыматтар ошол эле чыгуу тегинен (домен, протокол, порт) скрипттер үчүн гана жеткиликтүү. Алар автоматтык түрдө HTTP суроолору менен жөнөтүлбөйт. Учурдагы сессияга тиешелүү убакыттык сактоо үчүн колдонулат.

Өзгөчөлүктөр	Cookies	localStorage	sessionStorage
Сактоо мөөнөтү	Мөөнөт же браузер жабылгандан кийин	Колдонуучу тазалабайынча же колдонмону жапканга чейин	Барак же терезе ачылгандан кийин гана иштейт
Маалымат көлөмү	4KB чейин	5-10MB чейин	5-10MB чейин
Жеткиликтүүлүк	HTTP суроолору менен доменге жөнөтүлөт	Жай гана ошол эле чыгуу тегинен JavaScript аркылуу	Жай гана ошол эле чыгуу тегинен JavaScript аркылуу
Барак аралык жеткиликтүүлүк	Ооба	Ооба	Жок (түрдүү барактар үчүн)
Максаты	Авторизация, көзөмөлдөө, артыкчылыктар	Узак мөөнөттүү сактоо, жөндөөлөр	Учурдагы сессия үчүн убактылуу сактоо

localStorage колдонуу мисалы:

// Маалыматты сактоо
localStorage.setItem('userName', 'Alice');

// Маалыматты алуу
const userName = localStorage.getItem('userName');
console.log(userName); // Чыгуу: Alice

// Маалыматты өчүрүү
// localStorage.removeItem('userName');

// Бардык сакталган маалыматтарды тазалоо
// localStorage.clear();

sessionStorage колдонуу мисалы:

// Маалыматты сактоо
sessionStorage.setItem('orderId', '12345');

// Маалыматты алуу
const orderId = sessionStorage.getItem('orderId');
console.log(orderId); // Чыгуу: 12345

// Маалыматты өчүрүү
// sessionStorage.removeItem('orderId');

// Бардык сакталган маалыматтарды тазалоо
// sessionStorage.clear();