IndexedDB的基础使用—数据库的创建

待我称王封你为后i 2022-02-27 00:32 258阅读 0赞

一个IndexedDB数据库可以如下所示创建：

let request = indexedDB.open('testDB');

IndexedDB的许多操作都不是“调用–返回”类型的，**而是“调用–请求”类型**的。上面的代码就是典型。`indexedDB.open`方法返回的**并不是一个数据库对象**，而是一个`IDBOpenDBRequest`对象，从名字上可以看出来这是一个请求创建数据库的对象。

而真正的数据库对象是在`IDBOpenDBRequest`对象的`result`字段中

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqYzI1Ng_size_16_color_FFFFFF_t_70]

不过并不是说`indexedDB.open`方法执行之后就可以直接访问返回的`IDBOpenDBRequest`对象的`result`字段来获取数据库对象。因为 **`indexedDB.open`方法是一个异步的API**，如果直接访问返回值则会报错。例如：

let request1 = indexedDB.open('test');
    console.log(request.result);

上面两行语句运行的结果如下图：

![在这里插入图片描述][20190326123355600.png]

因为在访问`result`字段的时候，创建数据库的请求还未完成，于是便会报错。

解决异步的问题，通常的解决方法就是回调函数。`IDBOpenDBRequest`对象定义了三个回调函数：

*  `onerror`：请求失败的回调函数
 *  `onsuccess`：请求成功的回调函数
 *  `onupgradeneeded`：数据库版本变化回调函数

创建数据库的时候，用`onsuccess`回调函数就可以了。

下面是一个完整的过程：

let db;
    let request = indexedDB.open('testDB');
    request.onsuccess = () => {
        
        db = request.result;
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hqYzI1Ng_size_16_color_FFFFFF_t_70]: /images/20220227/904bd772d65c41ce92e75e5569427a8a.png
[20190326123355600.png]: /images/20220227/4258007fc7f34c92b0b642728fb7cb93.png