Cookies, sessionStorage və localStorage arasındakı fərqi izah edin.

Tətbiq sahəsi: Kukilər həm müştəri, həm də server tərəfində mövcuddur. sessionStorage və localStorage yalnız müştəri tərəfində mövcuddur.

Həyat müddəti: Kukilər üçün həyat müddəti yaradılarkən təyin edilir (expires və ya max-age atributu ilə). Əgər göstərilməyibsə, kuki brauzer bağlandıqda silinir. sessionStorage yalnız cari sessiya müddətində (fərqli sekme və ya pəncərə bağlanana qədər) məlumatları saxlayır. localStorage isə məlumatları qeyri-müəyyən müddətə saxlayır, onları əl ilə silənə qədər.

Həcmi: Kukilər üçün maksimum həcm təxminən 4 KB-dir. sessionStorage və localStorage üçün bu, brauzerdən brauzərə 5 MB-dən 10 MB-ə qədər dəyişir.

Hər sorğu ilə göndərilir: Kukilər avtomatik olaraq hər HTTP sorğusu ilə göndərilir, bu da trafiki artıra bilər. sessionStorage və localStorage məlumatları serverə göndərilmir.

Əlçatanlıq üsulu: Kukilərə giriş document.cookie (sətir) vasitəsilə həyata keçirilir. sessionStorage və localStorage-a giriş müvafiq obyektlər vasitəsilə setItem, getItem, removeItem və clear metodları ilə edilir.

// Kukini təyin etmək
document.cookie = "username=John Doe; expires=Thu, 18 Dec 2023 12:00:00 UTC; path=/";

// Kukini oxumaq
let x = document.cookie;

// sessionStorage-də məlumat təyin etmək
sessionStorage.setItem("lastname", "Smith");

// sessionStorage-dən məlumat oxumaq
let y = sessionStorage.getItem("lastname");

// localStorage-də məlumat təyin etmək
localStorage.setItem("firstname", "Jane");

// localStorage-dən məlumat oxumaq
let z = localStorage.getItem("firstname");

Xüsusiyyət	kukilər	sessionStorage	localStorage
Tətbiq sahəsi	Müştəri və Server	Yalnız Müştəri	Yalnız Müştəri
Həyat müddəti	Yaradılarkən təyin edilir (expires/max-age), yoxsa brauzer bağlananda silinir	Sekməni və ya brauzer pəncərəsini bağlayanda	Müddətsiz (açıq şəkildə silinənə qədər)
Həcmi	~4 KB	~5-10 MB (brauzerdən asılıdır)	~5-10 MB (brauzerdən asılıdır)
Göndərmə ilə	Bəli	Xeyr	Xeyr
Giriş	document.cookie	sessionStorage.getItem/setItem	localStorage.getItem/setItem