indexeddb 中对象仓库的 clear() 方法可高效清空其所有数据，需在 readwrite 事务中调用，不删结构、不跨仓库，返回 idbrequest 并支持 promise 封装。
HTML5 的 IndexedDB 中没有直接叫 clear() 的全局方法来一键清空整个数据库，但可以快速清空某个对象仓库（Object Store）中的所有数据——这正是你提到的“Clear 方法”的实际含义：调用对象仓库的 clear() 方法。
对象仓库的 clear() 方法是标准且高效的方式
IndexedDB 的事务中，每个对象仓库都提供原生的 clear() 方法，它会异步删除该仓库内所有记录，不带条件、不触发索引更新开销，执行速度快、代码简洁。
- 必须在版本升级事务（
onupgradeneeded）之外调用，且需有读写权限的事务 - 不接受参数，也不返回数据，只返回一个 IDBRequest 对象，可通过
onsuccess或 Promise 包装监听完成 - 不会影响其他对象仓库，也不会删除仓库结构或数据库本身
正确调用 clear() 的基础代码结构
以下是一个安全、可复用的清空示例（使用 Promise 封装更易管理）：
function clearStore(db, storeName) {
return new Promise((resolve, reject) => {
const tx = db.transaction(storeName, 'readwrite');
const store = tx.objectStore(storeName);
const req = store.clear();
req.onsuccess = () => resolve();
req.onerror = () => reject(req.error);
});
}
// 使用示例
openDB().then(db => clearStore(db, 'users')).then(() => {
console.log('users 仓库已清空');
});
注意事项与常见误区
看似简单，但几个细节容易出错：
- 事务生命周期：clear() 必须在事务提交前调用；若事务已结束（如未 await Promise），会报 "Transaction inactive" 错误
- 权限问题：只读事务（'readonly'）下调用 clear() 会立即失败，务必确认 transaction mode 是 'readwrite'
- 无确认机制：clear() 不询问、不备份、不可撤销，生产环境建议配合用户确认或日志记录
-
不等于删除数据库：clear() 只清数据；如需重置结构（如删仓库、改 schema），必须走
onupgradeneeded流程
批量清空多个仓库的小技巧
若需一次清空多个仓库，可并行发起 clear 请求（注意共用同一事务时需全部在该事务内完成）：
- 推荐方式：为每个仓库创建独立的 readwrite 事务（更安全，避免单点失败影响全部）
- 进阶方式：在同一个事务中依次调用多个 store.clear()，但任一失败会导致整个事务回滚
- 避免方式：不要在 onupgradeneeded 中调用 clear() —— 此时对象仓库可能尚未创建或处于只读状态
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
