IndexDB 不完全指南

IndexDB 是浏览器提供的一种本地存储技术，可以在客户端存储大量数据，并且支持事务操作和查询功能。本文将从以下几个方面详细介绍 IndexDB 的使用和常见问题。

IndexDB 的基本概念

数据库和对象仓库

IndexDB 中数据以数据库为单位进行组织，每个数据库中可以包含多个对象仓库（Object Store）。对象仓库类似于关系型数据库中的表，用于存储具有相同结构的数据。每个对象仓库都有一个独立的键值对索引，可以根据键值对进行数据的增删改查操作。

事务和游标

IndexDB 中的所有操作必须在事务中完成，事务可以包含多个操作，同时也支持回滚操作。在事务中进行数据操作需要打开对象仓库并通过游标（Cursor）进行迭代操作。

IndexDB 的使用示例

下面是一个简单的创建数据库和对象仓库并插入数据的示例：

----- ------ - -------------
----- --------- - ----------------

-- ------------
----- ------- - ----------------------------- ---
----------------------- - ------- -- -
  ----- -- - --------------------
  ------------------------------- - -------- ---- ---
--

-- ----
----------------- - ------- -- -
  ----- -- - --------------------
  ----- ----------- - ------------------------- -------------
  ----- ----------- - -----------------------------------
  ----------------- --- -- ----- ------- ---
--

IndexDB 常见问题

数据库版本升级问题

在使用 IndexDB 时，如果需要修改数据库结构，需要升级数据库版本号。当新的版本号大于旧的版本号时，会触发 onupgradeneeded 事件，在该事件中可以创建新的对象仓库或修改已有的对象仓库结构。

跨标签页访问问题

IndexDB 是以域名和端口为单位进行隔离，不同的标签页之间无法共享同一个数据库连接。如果需要在多个标签页中访问同一个数据库，可以通过发送 postMessage 消息来实现跨标签页通信。

存储限制问题

由于浏览器对本地存储容量有限制，因此在使用 IndexDB 时需要注意数据大小和存储空间的限制。可以通过使用 IndexedDBShim 库来实现对 WebSQL 和 LocalStorage 的兼容，并且支持更大的存储容量。

总结

本文介绍了 IndexDB 的基本概念、使用示例和常见问题，并提供了相关的代码示例和解决方案。在使用 IndexDB 时，需要注意事务操作和游标迭代，以及数据库版本升级和存储限制等问题。同时也需要注意浏览器的兼容性和跨标签页访问问题，以便更好地使用 IndexDB 进行本地数据存储。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/5158

indexDB 不完全指南