JavaScript 中怎么处理本地存储空间已满时的异常报错问题-js教程-PHP中文网

javascript 的 localstorage.setitem() 通常静默失败，部分浏览器会抛出 quotaexceedederror；应通过 try-catch + 读取验证检测写入失败，并按优先级清理过期数据、切换 sessionstorage、降级 indexeddb 或内存缓存，同时预防性限制单条数据大小、避免存储大体积内容。

javascript 中怎么处理本地存储空间已满时的异常报错问题

JavaScript 本身不会主动抛出“本地存储空间已满”的异常，localStorage.setItem() 在写入失败时通常静默失败（不报错），但部分浏览器（如 Safari 无痕模式、旧版 IE）或特定限制场景下会抛出 QuotaExceededError。真正需要关注的是：如何检测、预防和优雅降级。

识别存储已满的典型表现

不是所有浏览器都一致报错，常见信号包括：

调用 setItem 后读取不到值（例如 localStorage.setItem('test', 'ok'); console.log(localStorage.getItem('test')) 输出 null）
在 Safari 无痕模式、某些 iOS WebView 或内存受限环境，直接抛出 DOMException: QuotaExceededError
Chrome 等现代浏览器虽不报错，但反复写入可能触发自动清理或覆盖最久未用项（非标准行为，不可依赖）

主动检测并捕获写入失败

最可靠的方式是用 try-catch 包裹 setItem，并结合读取验证：

deep-java-review

Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...

下载

function safeSetItem(key, value) {
  try {
    localStorage.setItem(key, value);
    // 验证是否真的存进去了
    if (localStorage.getItem(key) !== value) {
      throw new Error('Storage write failed: value mismatch');
    }
  } catch (e) {
    if (e.name === 'QuotaExceededError' || e.message.includes('quota') || e.message.includes('storage')) {
      console.warn('Local storage is full or unavailable');
      // 触发降级策略
      handleStorageFull();
    } else {
      console.error('Unexpected localStorage error:', e);
    }
  }
}