IndexedDB通过事务保证数据一致性,所有读写操作必须在事务中进行。事务需指定对象仓库和模式(readonly或readwrite),自动提交或因错误中止。示例:const transaction = db.transaction(['users'], 'readwrite'); const objectStore = transaction.objectStore('users'); 事务生命周期由请求完成情况决定,监听oncomplete、onerror、onabort事件可掌握结果。常用操作包括add()、put()、get(key)、delete(key)、clear()。注意事务短生命周期,避免外部发起请求,及时处理错误,使用版本迁移修改结构。

IndexedDB 是一种在客户端存储大量结构化数据的浏览器技术,适合处理复杂的数据操作。它支持事务机制来保证数据的一致性和完整性。理解 IndexedDB 的事务操作,是掌握其使用的关键。
什么是事务?
在 IndexedDB 中,所有对数据库的读写操作都必须通过事务进行。事务确保一组操作要么全部成功,要么全部失败,避免数据处于不一致状态。
创建事务时需要指定涉及的对象仓库(object store)和事务的模式:
● readonly:只读事务,只能读取数据。● readwrite:读写事务,可以添加、修改、删除数据。
示例代码:
立即学习“Java免费学习笔记(深入)”;
const transaction = db.transaction(['users'], 'readwrite');
const objectStore = transaction.objectStore('users');
事务的生命周期
事务在创建后会立即开始,并在其所有请求完成且没有新的操作加入时自动结束。不能手动提交或回滚事务。
● 一旦事务中所有请求完成,事务自动提交。● 如果某个请求出错且未处理错误事件,事务将中止并触发 abort 事件。
● 调用 transaction.abort() 可以主动中止事务。
监听事务结果:
transaction.oncomplete = () => {
console.log('事务完成');
};
transaction.onerror = (event) => {
console.error('事务失败:', event.target.error);
};
transaction.onabort = () => {
console.warn('事务被中止');
};
常见操作:增删改查
在事务中可以执行多种数据操作,以下是一些常用方法:
● add():添加新记录,若主键已存在则失败。● put():插入或更新记录。
● get(key):根据主键获取数据。
● delete(key):删除指定记录。
● clear():清空整个对象仓库。
示例:添加用户数据
const request = objectStore.add({ id: 1, name: 'Alice' });
request.onsuccess = () => {
console.log('用户添加成功');
};
request.onerror = () => {
console.error('添加失败,可能主键冲突');
};
注意事项与最佳实践
IndexedDB 的事务是短生命周期的,一旦离开当前函数上下文,异步操作可能无法继续执行。
● 不要在事务外发起请求。必须在事务仍在活动状态时完成所有操作。● 避免长时间持有事务,否则可能阻塞其他操作。
● 正确处理 error 和 abort 事件,防止数据不一致。
● 使用版本迁移来修改数据库结构(如新增对象仓库或索引)。
基本上就这些。掌握事务的使用方式,就能更安全地操作 IndexedDB 中的数据。










