sessionStorage是浏览器原生提供的、仅在当前标签页会话生命周期内有效的前端键值对存储机制，关闭标签页即确定性清除，不与服务器通信，仅存字符串，且同域名下各标签页间完全隔离。
sessionStorage 是什么？一句话说清
sessionStorage 是浏览器原生提供的、仅在**当前标签页会话生命周期内有效**的前端键值对存储机制。它不发请求、不传服务器，只存字符串，关掉这个标签页，数据立刻消失——不是“可能”，是确定性清除。
和 localStorage 最关键的 3 个差异点
别被名字迷惑，sessionStorage 和 localStorage API 完全一样，但行为天差地别：
-
生命周期不同：
sessionStorage关闭标签页即清空；localStorage不手动删就一直留着，哪怕重启电脑 -
作用域隔离更严格：同域名下，10 个标签页就有 10 份独立的
sessionStorage；而所有标签页共享同一份localStorage - 适用场景本质相反：前者适合“用完即焚”的临时状态（比如表单草稿、跳转参数）；后者适合“下次打开还想看见”的用户偏好（比如主题色、token）
常见误用：为什么 sessionStorage.getItem('xxx') 总是 null？
这不是代码写错了，而是你踩进了作用域陷阱：
- 在标签页 A 中执行了
sessionStorage.setItem('user', 'alice') - 然后新开一个同源标签页 B，再执行
sessionStorage.getItem('user')→ 返回null - 甚至页面内用
window.open()打开的新窗口，也拿不到原页的sessionStorage - iframe 同源时可以共享，但普通跨标签页通信必须换方案（如
postMessage+localStorage触发事件）
怎么安全地存对象？别漏这一步
sessionStorage 和 localStorage 都只能存字符串，直接 setItem('cart', { items: [] }) 会变成 "[object Object]" —— 看似存进去了，取出来就是废的。
YXPHP6.0 豪华版
下载
YXPHP6系统可以看做是一个模版平台,而且它又能独立工作. 而且YXPHP6系统也不需要数据库支持. 你可以开发自己的模板,也可以同步官方的模板后进行自己的二次开发,前提是您对YXPHP6要有一定的了解.YXPHP6不仅可以用作企业建站,甚至是blog,只要是您能想到的,YXPHP6几乎都可以胜任. 因为YXPHP6系统本身与模板之间可以说是独立运行的.也就是说,不管你做什么样的网站或者是应用,
立即学习“Java免费学习笔记（深入）”；
const cart = { items: ['apple', 'banana'] };
// ✅ 正确：序列化后再存
sessionStorage.setItem('cart', JSON.stringify(cart));
// ✅ 正确：取出来后反序列化，且加 try-catch 防解析失败
try {
const savedCart = JSON.parse(sessionStorage.getItem('cart'));
} catch (e) {
console.error('sessionStorage 数据损坏或非 JSON 格式');
}
注意：别存密码、敏感 token 或未加密的用户身份信息——它们在开发者工具里明文可见，sessionStorage 并不比 localStorage 更安全。
最常被忽略的一点：sessionStorage 的“会话”指的只是浏览器标签页，不是 HTTP Session，也不和后端 session ID 绑定。它纯属前端自留地，关掉就清零，没商量余地。
