Тавзеҳ диҳед фарқияти байни 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();