Ներկայացրեք 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:

// Cookie սահմանում
document.cookie = "username=John Doe; expires=Thu, 18 Dec 2023 12:00:00 UTC; path=/";

// Cookie ստացում
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