js localstorage与sessionstorage

// 使用 LocalStorage 和 SessionStorage 的示例代码

// LocalStorage 示例
// 设置一个键值对，存储在浏览器的本地存储中，即使关闭浏览器后仍然存在
localStorage.setItem('username', 'JohnDoe');

// 获取存储的值
const username = localStorage.getItem('username');
console.log(username); // 输出: JohnDoe

// 删除指定的键值对
localStorage.removeItem('username');

// 清空所有数据
localStorage.clear();

// SessionStorage 示例
// 设置一个键值对，存储在浏览器的会话存储中，当浏览器标签页关闭后数据会被清除
sessionStorage.setItem('sessionToken', 'abc123');

// 获取存储的值
const sessionToken = sessionStorage.getItem('sessionToken');
console.log(sessionToken); // 输出: abc123

// 删除指定的键值对
sessionStorage.removeItem('sessionToken');

// 清空所有数据
sessionStorage.clear();

解释说明：

• LocalStorage：用于长期存储数据，除非手动清除或程序删除，否则数据将一直保存。适用于需要持久化存储的数据，例如用户偏好设置。
• SessionStorage：用于短期存储数据，仅在当前浏览器标签页有效，当标签页关闭后数据会被自动清除。适用于临时性数据，例如会话令牌。

两者的主要区别在于数据的生命周期和存储范围。