前言
在前端开发中，我们经常需要把数据保存在本地，以便在下一次打开页面时再次使用。而 IndexedDB 是许多开发者选择的解决方案之一，因为它提供了一种在浏览器本地存储和读取数据的方式。
然而，使用 IndexedDB 不是一项非常容易的任务。IndexedDB API 和语法有一定的复杂性和学习曲线。此外，为了方便存储和读取 IndexedDB 中的数据，您需要编写许多代码，这很烦琐。
因此，现在我们将介绍一个能够为我们简化 IndexedDB 操作的 npm 包：@sammacbeth/random-access-idb-mutable-file。
安装
首先，您需要安装该 npm 包。您可以使用以下命令：
npm install @sammacbeth/random-access-idb-mutable-file
如何使用
创建文件
首先，您需要使用如下方法创建一个文件：
const create = require("@sammacbeth/random-access-idb-mutable-file/create");
const file = await create("my-db", "my-collection");这里，我们使用 create 方法来创建一个随机访问的 IndexedDB 文件。create 方法有两个参数——文件名和集合名称。注意，集合名称不能包含 /、\等字符，也不能以.开头。
当该方法调用完成后，file 对象将包含 read, write, negotiate 和 destroy 函数。
写入文件
使用 write 函数可以将内容写入到文件中。如下所示：
const writer = await file.write();
writer.write("hello world");
writer.seek(0);这里，我们首先使用 await file.write() 方法获得一个 writer，该方法返回一个能够写入数据的对象。之后我们使用 write 函数写入了字符串 hello world，并使用 seek 函数使指针回到开头。
读取文件
使用 read 函数可以从文件中读取内容。如下所示：
const reader = await file.read(); const res = await reader.read(0, 11); console.log(res.toString());
这里，我们首先使用 await file.read() 方法获得一个 reader，该方法返回一个能够从文件中读取数据的对象。接下来，我们使用 read 函数读取了从0开始的11个字节，并在控制台中输出了读取到的内容。
删除文件
最后，我们需要结束文件的连接。我们使用 destroy 函数来结束该连接：
await file.destroy();
这里，我们直接调用 destroy 函数即可。
示例代码
以下是一个完整的使用示例：
-- -------------------- ---- ------- ----- ------ - ------------------------------------------------------------- ----- -------- ------ - ----- ---- - ----- --------------- ----------------- ----- ------ - ----- ------------- ------------------- -------- --------------- ----- ------ - ----- ------------ ----- --- - ----- -------------- ---- ---------------------------- ----- --------------- - -------
小结
在本文中，我们学习了如何使用 @sammacbeth/random-access-idb-mutable-file 包来简化 IndexedDB 操作。使用此包，我们可以获得一个更加方便的数据存储和读取功能。这是一个非常有用的工具，建议您在需要本地存储时使用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedac9eb5cbfe1ea0610a98