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