如何在JavaScript中用IndexedDB管理资源？离线词汇应用疑问

1. 是否存在连接限制？ #

浏览器没有统一的硬性并发连接限制，但不同厂商可能有各自的实现上限。日常使用中，同时保持几个打开的连接完全没问题，但要注意两个关键点：

• 频繁创建/销毁连接会产生额外开销（每次连接都要做版本校验、初始化等操作），尽量复用连接
• 未关闭的连接会阻止数据库版本升级操作，所以不再需要的连接记得及时关闭

2. 是否有连接超时？ #

IndexedDB本身没有内置的连接超时机制。异步操作可能因浏览器资源调度（比如后台标签页受限）出现延迟，但这不属于“超时”范畴。如果需要处理长时间无响应的情况，可以自行通过Promise.race结合setTimeout实现超时逻辑。

3. 批量执行查询还是大量小型交互？ #

优先选择批量操作。IndexedDB的异步调用本身存在固定开销，多次小型交互会累积延迟，拖慢整体性能。比如批量读取多道题的词汇数据、批量提交作答记录，都比单条操作高效得多。

测验场景的具体建议 #

针对10道题的测验场景，绝对不要每次作答都新建连接，这种做法会浪费大量资源。推荐的流程是：

• 测验开始前，打开一次数据库连接，保持连接状态直到测验结束
• 提前加载所有10道题的所需数据到内存，作答后将结果暂存，最后统一批量写入数据库；如果担心页面意外丢失数据，也可以用已有的连接在每道题作答后执行写入操作，但不要新建连接

额外资源优化提示 #

即使是小型应用，使用IndexedDB时也可以注意这些细节：

• 复用事务：在同一个事务内完成多个相关的读写操作，减少事务创建的开销
• 避免主线程阻塞：IndexedDB操作在单独线程执行，但回调会回到主线程，不要在主线程执行大量同步逻辑影响回调处理

内容的提问来源于stack exchange，提问作者JasonTS