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

Көрүнүү чөйрөсү: Cookies клиент жактан жана сервер жактан жеткиликтүү. sessionStorage жана localStorage гана клиент жактан жеткиликтүү.

Өмүр бою: Cookies үчүн өмүр бою түзүүдө коюлат (expires же max-age атрибуттары аркылуу). Эгер көрсөтүлбөсө, cookie браузер жабылганда өчүрүлөт. sessionStorage учурдагы сессиянын ичинде гана сактайт (жаап салганча). localStorage мөөнөтсүз сактайт, анткени ал ачык түрдө өчүрүлмөйүнчө.

Өлчөмү: Cookies үчүн максималдуу өлчөмү болжол менен 4 КБ. sessionStorage жана localStorage үчүн — 5 МБдан 10 МБга чейин, браузерге жараша.

Ар бир суроо менен жөнөтүү: Cookies автоматтык түрдө HTTP суроо менен жөнөтүлөт, ал домен үчүн коюлган, бул трафикти көбөйтүшү мүмкүн. sessionStorage жана localStorage серверге жөнөтүлбөйт.

Достук жол: Cookiesке жетүү document.cookie аркылуу (жол). sessionStorage жана localStorage аркылуу жетүү тиешелүү объекттер жана методдор менен жүргүзүлөт setItem, getItem, removeItem, clear.

// Cookies орнотуу
document.cookie = "username=John Doe; expires=Thu, 18 Dec 2023 12:00:00 UTC; path=/";

// Cookies алуу
let x = document.cookie;

// sessionStorageга маалымат коюу
sessionStorage.setItem("lastname", "Smith");

// sessionStorageдан маалымат алуу
let y = sessionStorage.getItem("lastname");

// localStorageга маалымат коюу
localStorage.setItem("firstname", "Jane");

// localStorageдан маалымат алуу
let z = localStorage.getItem("firstname");

Өзгөчөлүк	cookies	sessionStorage	localStorage
Көрүнүү чөйрөсү	Клиент жана сервер	Жай гана клиент	Жай гана клиент
Өмүр бою	түзүлгөндө коюлат (expires же max-age), башкача болсо браузер жабылганда	Текшерүү жабылганча	Мөөнөтсүз (ачык өчүрүлмөйүнчө)
Өлчөмү	~4 КБ	~5-10 МБ (браузерге жараша)	~5-10 МБ (браузерге жараша)
Жөнөтүү	Ооба	Жок	Жок
Достук жол	document.cookie	sessionStorage.getItem/setItem	localStorage.getItem/setItem