清除整个 sessionstorage 的最简方式是调用 sessionstorage.clear()，它立即删除当前源下所有键值对，不可逆且不触发 storage 事件；removeitem(key) 是删除单个 key 的唯一合规方法，delete 操作无效。
清除整个 SessionStorage 的最简方式
直接调用 sessionStorage.clear()，它会立刻删掉当前域名、协议、端口下该页面所属源的所有键值对。这个操作不可逆，也不触发任何事件，连监听 storage 事件的其他同源窗口都收不到通知——因为 clear() 不算“某个 key 的变更”，而是整块抹除。
常见错误现象：调用后发现数据还在，大概率是跨了 iframe 或打开了新标签页（SessionStorage 不共享），或者误以为它和 localStorage 一样能跨页面持久保留。
- 只影响当前浏览器 tab，新开 tab 是全新 SessionStorage 实例
- 如果页面通过
location.reload(true)强制刷新，SessionStorage 仍保留；只有关闭 tab 或调用clear()才清空 - 不支持传参，
sessionStorage.clear(123)会静默失败（无报错，但无效）
只删某个 key：用 removeItem 而不是 delete
sessionStorage.removeItem(<code>keyName) 是唯一合规方式。别用 delete sessionStorage.keyName 或 delete sessionStorage['keyName']——这只会删掉你本地变量的引用，SessionStorage 内部数据纹丝不动，而且在严格模式下还会抛 TypeError: Cannot delete property 'xxx' of [object Storage]。
使用场景：用户退出登录时删 authToken，但保留 uiTheme 这类非敏感偏好设置。
立即学习“前端免费学习笔记（深入）”；
- key 不存在时，
removeItem安静执行，不报错也不返回提示 - key 名含空格或特殊字符？没问题，只要当初是用字符串存的，就用完全相同的字符串去删
- 注意大小写：
removeItem('Token')删不掉sessionStorage.setItem('token', '...')
清空前需要判断 key 是否存在吗？
不需要。SessionStorage 的 getItem 在 key 不存在时返回 null，不是 undefined，所以 if (sessionStorage.getItem('x')) { ... } 可能漏掉存了 falsy 值（如 ''、0、false）的 key。真要校验，用 key in sessionStorage 更准，但绝大多数场景直接删更干脆。
性能影响几乎为零——SessionStorage 是内存存储，removeItem 和 clear 都是 O(1) 操作，和存了多少条无关。
for (let i = 0; i 这种遍历方式不稳定，因 <code>sessionStorage.key(i)返回顺序不保证，且长度可能在循环中动态变化- 兼容性放心：IE8+、所有现代浏览器都支持
removeItem和clear
为什么有时 clear() 后还能读到旧数据？
典型原因是代码执行时机不对。比如在 Vue 的 beforeUnmount 或 React 的 useEffect cleanup 中调用 clear()，但此时 DOM 还没真正卸载，某些异步回调（如未完成的 fetch.then）可能又把数据写回去了。
另一个容易被忽略的点：Service Worker 缓存了页面，导致你以为刷新的是新页面，实际加载的是旧缓存版本，而旧 JS 里可能有自动恢复 SessionStorage 的逻辑。
- 确保清除动作放在用户明确意图之后（如点击“退出”按钮的 handler 最末尾）
- 检查是否有第三方 SDK（比如埋点库、A/B 测试工具）在后台偷偷读写 SessionStorage
- 测试时别只看控制台
sessionStorage，用 Application 面板的 Storage → Session Storage 实时观察
