浏览器存储数据api 前端

前端JavaScript提供了几种不同的API来与浏览器本地存储交互，包括`localStorage`和`sessionStorage`。这些API允许开发者在客户端持久地存储数据，即使页面关闭后也能保持。

1. **localStorage**: 这种存储方式的数据永久有效，直到浏览器会话结束（即关闭标签页）[^4]。

// 存储数据
localStorage.setItem('key', 'value');

// 读取数据
let storedValue = localStorage.getItem('key');
console.log(storedValue); // 如果存在，则输出 "value"

// 删除数据
localStorage.removeItem('key');

2. **sessionStorage**: 和`localStorage`类似，但数据只在当前会话期间有效，当页面刷新或关闭时会被清除[^4]。

// 存储数据
sessionStorage.setItem('sessionKey', 'anotherValue');

// 同样可以读取和删除
let sessionStorageValue = sessionStorage.getItem('sessionKey');
sessionStorage.removeItem('sessionKey');