IndexedDB是Web应用中高效存储大量结构化数据的首选，支持事务、索引和异步操作。1. 它基于数据库、对象仓库、索引、事务和游标等核心概念构建；2. 通过onupgradeneeded事件定义或升级数据结构，创建对象仓库并添加索引以优化查询；3. 所有增删改查操作在事务中执行，确保一致性，支持主键操作与索引范围查询；4. 针对大数据量，采用游标分批读取、批量写入减少事务开销，并合理设计索引以平衡读写性能；5. 结合Blob或Cache API处理大文件，使用idb等库简化繁琐API。掌握这些机制可稳定实现客户端持久化存储需求。
在现代Web应用中，当需要在客户端存储大量结构化数据（如用户行为日志、离线缓存、本地数据库等）时，IndexedDB 是比 localStorage 更强大且高效的选择。它支持事务型操作、索引查询和异步执行，适合处理大数据量的持久化存储。
理解 IndexedDB 核心概念
IndexedDB 是一个低层级的 NoSQL 数据库，运行在浏览器中。要有效使用它，需掌握几个关键概念：
- 数据库（Database）：每个应用可拥有一个或多个数据库，用名称区分。
- 对象仓库（Object Store）：类似于表，用于存放数据记录，每条记录是一个 JavaScript 对象。
- 索引（Index）：为对象仓库中的字段建立索引，提升查询效率。
- 事务（Transaction）：所有读写操作必须在事务中进行，保证数据一致性。
- 游标（Cursor）：用于遍历大量数据，避免一次性加载导致内存溢出。
创建数据库并定义结构
首次打开数据库时，可通过 onupgradeneeded 事件定义对象仓库和索引：
const request = indexedDB.open('MyAppDB', 1);
request.onupgradeneeded = function(event) {
const db = event.target.result;
// 创建对象仓库，主键为 id
if (!db.objectStoreNames.contains('logs')) {
const store = db.createObjectStore('logs', { keyPath: 'id', autoIncrement: true });
// 为时间字段添加索引，便于按时间查询
store.createIndex('timestamp', 'timestamp', { unique: false });
// 为用户ID建立索引
store.createIndex('userId', 'userId', { unique: false });
}
};
版本号变化会触发 onupgradeneeded，可用于升级数据结构。
执行增删改查操作
所有操作基于事务模型，确保原子性和性能：
-
添加数据：
const transaction = db.transaction(['logs'], 'readwrite'); const store = transaction.objectStore('logs'); store.add({ userId: 123, action: 'click', timestamp: Date.now() }); -
查询单条数据：
const request = store.get(1); // 主键查询 request.onsuccess = () => console.log(request.result); -
范围查询与索引过滤：
const index = store.index('userId'); const range = IDBKeyRange.only(123); index.openCursor(range).onsuccess = function(event) { const cursor = event.target.result; if (cursor) { console.log(cursor.value); // 输出匹配记录 cursor.continue(); // 继续下一条 } }; -
删除数据：
store.delete(1); // 删除主键为1的记录
处理大量数据的优化建议
当存储或读取上万条记录时，需注意性能和内存管理：
- 使用游标分批读取，避免一次性 load 所有数据。
- 批量写入时，在同一个事务中完成多个 add/put 操作，减少开销。
- 合理设计索引，避免过多索引影响写入速度。
- 监听 blocked 和 versionchange 事件，处理数据库升级冲突。
- 对超大数据（如文件），结合 Blob 或使用 Cache API 配合处理。
基本上就这些。IndexedDB 虽然 API 略显繁琐，但配合封装工具（如 idb 库）可大幅简化开发。掌握其核心机制后，就能稳定实现客户端的大数据存储需求。
