Diferenças entre localStorage e sessionStorage

Neste artigo você vai entender todas as diferenças entre localStorage e sessionStorage – também verá casos de aplicação para ambas as abordagens.

Fala programador(a), beleza? Bora aprender mais sobre estas formas de salvar dados com JavaScript, no próprio navegador.

As duas abordagens, localStorage e sessionStorage, se estendem do objeto Storage

Que tem como objetivo salvar dados na memória do navegador

Porém a questão da persistência é a grande diferença das storages

Quando utilizamos sessionStorage, os dados estarão disponíveis apenas para a janela em que foram criados

Além disso, assim que a janela for fechada eles serão imediatamente deletados, não estando mais disponíveis

Já em localStorage temos um comportamento diferente, os dados estarão disponíveis indefinitivamente

Mesmo fechando o navegador ou reiniciando o computador, ainda pode-se utilizar os mesmos dados para aquele usuário que os criou

Então você deve utilizar localStorage quando tem como planejamento reaproveitar estes dados mais tarde

Lembrando que o usuário pode limpar a Storage sempre que desejar, então faça validações para verificar se o dado está presente, antes de utilizar o mesmo

E já a sessionStorage deve ser utilizada quando não há a pretensão de utilizar os dados mais tarde

Ambos os formatos tem a capacidade de salvar até 5mb de dados, o que é muito maior que o armazenamento de cookies, por exemplo, que é de 4kb

Conclusão

Neste artigo vimos as diferenças entre localStorage e sessionStorage

Com a localStorage podemos contar com os dados salvos em um periodo indefinido

Já utilizando a abordagem de sessionStorage os dados são perdidos ao fechar a aba em que foram salvos, por exemplo

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube