Ինչպես են տարբերվում տվյալների պահպանումը LocalStorage, SessionStorage և cookies մեխանիզմները բրաուզերում?

LocalStorage, SessionStorage և cookies-ը երեք մեխանիզմ են բրաուզերում տվյալների պահպանում համար, որոնք տարբեր են ծավալով, կյանքի տևողությամբ և հասանելիությամբ:

• LocalStorage

  • պահում է տվյալները առանց ժամկետի (մինչև որ ձեռքով չեղարկվեն):
  • ծավալը սովորաբար մոտ 5-10 ՄԲ է:
  • տվյալները հասանելի են նույն դոմենի բոլոր թաբերում և պատուհաններում:
  • HTTP հարցումների ժամանակ չեն ուղարկվում սերվերին:

• SessionStorage

  • տվյալները գոյություն ունեն միայն սեսիայի ընթացքում (մինչև որ բացվի թաբը):
  • ծավալը նման է LocalStorage-ի:
  • տվյալները հասանելի են միայն ընթացիկ թաբում/պատուհանում:
  • չեն ուղարկվում սերվերին:

• Cookies

  • կարող են ունենալ կյանքի ժամկետ, որի ավարտից հետո ջնջվում են:
  • ծավալը սահմանափակ է (մոտ 4 KB յուրաքանչյուր cookie-ի համար):
  • տվյալները ավտոմատ կերպով ուղարկվում են սերվերին յուրաքանչյուր հարցում:
  • օգտագործվում են նույնականացման, հետևելու և այլ նպատակներով:

Օրինակ LocalStorage-ի օգտագործման:

localStorage.setItem('user', 'Alice');
const user = localStorage.getItem('user');