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.

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

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