7.localStorage 和 sessionStorage 存在哪里

书诚小驿2024/10/01前端面经JavaScript

参考答案

  1. 存储形式

localStoragesessionStorage 都是存储在浏览器中的,它们分别存储在浏览器中不同的位置。

特性localStoragesessionStorage
生命周期永久存储,需手动清除或代码删除会话结束时清除(关闭标签页或浏览器)
作用域同源(协议+域名+端口)下全局共享仅在当前标签页内共享
存储位置同一浏览器的同一域名下共享存储文件每个标签页独立存储文件
  1. 访问方式
  • 浏览器开发者工具:

通过开发者工具的 Application(或 Storage)面板可直接查看和管理数据: Chrome 开发者工具中的 LocalStorage

// 写入
localStorage.setItem("key", "value");
sessionStorage.setItem("key", "value");

// 读取
const value = localStorage.getItem("key");

// 删除
localStorage.removeItem("key");
最后更新时间' 2025/3/9 18:24:05