Principais diferenças - LocalStorage x SessionStorage x Cookies.

A API de armazenamento na web fornece recursos que permitem os navegadores armazenar dados através de chave/valor. Neste artigo será abordado em tópicos, as principais diferenças entre cada uma das formas de armazenamento na web que são: LocalStorage, sessionStorage e os cookies.

Visibilidade dos dados

Os dados armazenados no localStorage e no sessionStorage estão disponíveis apenas no loado do cliente (Browser). Já os cookies, podemos ter acesso tanto no lado do servidor como também no cliente.

Escopo de acesso

Todos os dados armazenados nos cookies e no localStorage estão disponíveis em qualquer parte da aplicação. Dizemos que os valores são globais. Já no sessionStorage, está disponíveis apenas na aba que aplicação foi iniciada.

Armazenamento

Os cookies fornecem um armazenamento de 4KB enquanto que no localStorage e SessionStorage possuem capacidade de 5MB respectivamente.

Expiração dos dados

• LocalStorage
  Os dados armazenados são mantidos até serem excluído explicitamente pela aplicação. Sendo assim, mesmo que janela/aba seja encerrada ou até mesmo depois de reiniciar o computador, os dados ainda estarão salvos.
• SessionStorage
  Os dados são mantidos somente enquanto a janela/aba está aberta.
• Cookies
  Com está forma de armazenamento, podemos definir o tempo de expiração conforme a necessidade da aplicação.