JavaScript · Essencial · Inglês · Técnico
localStorage
Armazenamento chave-valor do navegador que mantém dados mesmo depois de fechar a aba. Guarda só strings, então objetos precisam passar por JSON.stringify e JSON.parse.
Onde usar
Usado para lembrar preferências, como o tema escuro. Em code review, alerta-se para não guardar tokens ou dados sensíveis, pois qualquer script da página consegue lê-los.
Em código
const cfg = { tema: 'escuro' };
const txt = JSON.stringify(cfg);
localStorage.setItem('cfg', txt);
const lido = localStorage.getItem('cfg');
console.log(JSON.parse(lido).tema);Exemplos
I saved the theme in localStorage so it survives a refresh.
Salvei o tema no localStorage para ele sobreviver a um refresh.
Don't put tokens in localStorage; any script on the page can read them.
Não coloque tokens no localStorage; qualquer script da página consegue lê-los.
Cuidado
Guardar um objeto direto, que vira a string '[object Object]'.
Sinônimos
armazenamento local
Antônimos
sessionStorage