Cookies, sessionStorage ve localStorage arasındaki farkı açıklayın.

Kapsam alanı: Çerezler hem istemci hem de sunucu tarafında kullanılabilir. sessionStorage ve localStorage yalnızca istemci tarafında kullanılabilir.

Ömür: Çerezler için ömür, oluşturulurken ayarlanır (expires veya max-age ile). Belirtilmezse, çerez tarayıcı kapatıldığında silinir. sessionStorage yalnızca mevcut oturum boyunca (sekme veya pencere kapatılana kadar) verileri saklar. localStorage ise verileri kalıcı olarak saklar, açıkça silinene kadar.

Boyut: Çerezler için maksimum boyut yaklaşık 4 KB'dir. sessionStorage ve localStorage için bu değer tarayıcıya bağlı olarak 5 MB ile 10 MB arasında değişir.

Her istekte gönderim: Çerezler, ayarlandıkları alan adına yapılan her HTTP isteğiyle otomatik olarak gönderilir, bu da trafiği artırabilir. sessionStorage ve localStorage verileri sunucuya gönderilmez.

Erişim yöntemi: Çerezlere erişim document.cookie (dize) aracılığıyla yapılır. sessionStorage ve localStorage erişimi, ilgili nesneler kullanılarak setItem, getItem, removeItem ve clear metodlarıyla yapılır.

// Çerez ayarlama
document.cookie = "username=John Doe; expires=Thu, 18 Dec 2023 12:00:00 UTC; path=/";

// Çerez okuma
let x = document.cookie;

// sessionStorage'a veri ayarlama
sessionStorage.setItem("lastname", "Smith");

// sessionStorage'dan veri okuma
let y = sessionStorage.getItem("lastname");

// localStorage'a veri ayarlama
localStorage.setItem("firstname", "Jane");

// localStorage'dan veri okuma
let z = localStorage.getItem("firstname");

Özellik	cookies	sessionStorage	localStorage
Kapsam alanı	İstemci ve Sunucu	Yalnızca İstemci	Yalnızca İstemci
Ömür	Oluşturulurken ayarlanır (expires/max-age), aksi takdirde tarayıcı kapatıldığında silinir	Sekme veya pencere kapatılana kadar	Kalıcı (açıkça silinene kadar)
Boyut	~4 KB	~5-10 MB (tarayıcıya bağlı)	~5-10 MB (tarayıcıya bağlı)
Gönderim	Evet	Hayır	Hayır
Erişim	document.cookie	sessionStorage.getItem/setItem	localStorage.getItem/setItem