什么是IndexedDB呢？

我们能看到DB这个词，就说明它其实是一种数据库（Database），通常情况下在服务器端比较常见；

在实际的开发中，大量的数据都是存储在数据库的，客户端主要是请求这些数据并且展示；

有时候我们可能会存储一些简单的数据到本地（浏览器中），比如token、用户名、密码、用户信息等，比较少存储大量的数据；

那么如果确实有大量的数据需要存储，这个时候可以选择使用IndexedDB；

IndexedDB是一种底层的API，用于在客户端存储大量的结构化数据。

它是一种事务型数据库系统，是一种基于JavaScript面向对象数据库，有点类似于NoSQL（非关系型数据库）；

IndexDB本身就是基于事务的，我们只需要指定数据库模式，打开与数据库的连接，然后检索和更新一系列事务即可；

IndexDB的连接数据库

第一步：打开indexDB的某一个数据库；

通过indexDB.open(数据库名称, 数据库版本)方法；

如果数据库不存在，那么会创建这个数据；

如果数据库已经存在，那么会打开这个数据库；

第二步：通过监听回调得到数据库连接结果；

数据库的open方法会得到一个IDBOpenDBRequest类型

我们可以通过下面的三个回调来确定结果：

onerror：当数据库连接失败时；

onsuccess：当数据库连接成功时回调；

onupgradeneeded：当数据库的version发生变化并且高于之前版本时回调；

通常我们在这里会创建具体的存储对象：db.createObjectStore(存储对象名称, { keypath: 存储的主键 })

我们可以通过onsuccess回调的event获取到db对象：event.targ

我们对数据库的操作要通过事务对象来完成：

第一步：通过db获取对应存储的事务 db.transaction(存储名称, 可写操作)；

第二步：通过事务获取对应的存储对象 transaction.objectStore(存储名称)；

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第20天，点击查看活动详情