Izskaidrojiet atšķirību starp cookies, sessionStorage un localStorage.

Redzamības joma: sīkfaili ir pieejami gan klienta, gan servera pusē. sessionStorage un localStorage ir pieejami tikai klienta pusē.

Mūža ilgums: Sīkfailu mūža ilgums tiek iestatīts to izveides laikā (expires vai max-age atribūti). Ja tas nav norādīts, sīkfails tiek dzēsts aizverot pārlūkprogrammu. sessionStorage saglabā datus tikai pašreizējā sesijā (līdz cilnes vai pārlūkprogrammas aizvēršanai). localStorage saglabā datus bez laika ierobežojuma, kamēr tie netiek skaidri dzēsti.

Izmērs: Maksimālais sīkfailu izmērs ir apmēram 4 KB. sessionStorage un localStorage izmērs — no 5 MB līdz 10 MB, atkarībā no pārlūkprogrammas.

Sūtīšana ar katru pieprasījumu: Sīkfaili automātiski tiek sūtīti ar katru HTTP pieprasījumu uz domēnu, kuram tie ir iestatīti, kas var palielināt trafiku. Dati sessionStorage un localStorage netiek sūtīti uz serveri.

Piekļuves veids: Piekļuve sīkfailiem tiek veikta caur document.cookie (virkni). Piekļuve sessionStorage un localStorage tiek veikta caur attiecīgajiem objektiem, izmantojot metodes setItem, getItem, removeItem un clear.

// Sīkfaila iestatīšana
document.cookie = "username=John Doe; expires=Thu, 18 Dec 2023 12:00:00 UTC; path=/";

// Sīkfaila iegūšana
let x = document.cookie;

// Datu iestatīšana sessionStorage
sessionStorage.setItem("lastname", "Smith");

// Datu iegūšana no sessionStorage
let y = sessionStorage.getItem("lastname");

// Datu iestatīšana localStorage
localStorage.setItem("firstname", "Jane");

// Datu iegūšana no localStorage
let z = localStorage.getItem("firstname");

Funkcija	sīkfaili	sessionStorage	localStorage
Redzamības joma	Klients un serveris	Tikai klients	Tikai klients
Mūža ilgums	Iestatīts izveides laikā (expires vai max-age), citādi līdz pārlūkprogrammas aizvēršanai	Līdz cilnes vai pārlūkprogrammas aizvēršanai	Bez laika ierobežojuma (kamēr netiek skaidri dzēsts)
Izmērs	~4 KB	~5-10 MB (atkarīgs no pārlūkprogrammas)	~5-10 MB (atkarīgs no pārlūkprogrammas)
Sūtīšana ar pieprasījumu	Jā	Nē	Nē
Piekļuves veids	document.cookie	sessionStorage.getItem/setItem	localStorage.getItem/setItem