indexeddb 游标内的异步操作答案

【问题标题】：Async operations inside indexeddb cursorindexeddb 游标内的异步操作
【发布时间】：2019-01-24 01:32:35
【问题描述】：

我正在使用 indexedDB Promised 库将 indexedDB API 转换为 Promise。

看起来当我的提取完成时，我的索引数据库事务不再处于活动状态。我猜它正在超时？

我得到的错误是：

DOMException: Failed to execute 'delete' on 'IDBCursor': The transaction has finished.

我想要完成的是从indexedDB 中删除该项目，只有且仅当提取成功完成时。我知道我可以在提取后创建第二个事务以获取项目并将其删除。但我想知道是否有更好的方法而不进行新的交易？我错过了什么吗？

谁能向我解释为什么我会看到这个问题？

DBHelper.DBPromised.then( db => {
  const store = db.transaction('deferredReviews', 'readwrite').objectStore('deferredReviews');
  const submittedRes = {};
  store.openCursor()
    .then(function submitAndDelete(cursor) {
        if (!cursor) return;
        console.log(cursor.value);

        fetch(`${DBHelper.DATABASE_URL}/reviews`, {
          method: 'POST',
          body: JSON.stringify({
            restaurant_id: cursor.value.restaurant_id,
            name: cursor.value.name,
            createdAt: cursor.value.deferredAt,
            rating: cursor.value.rating,
            comments: cursor.value.comments
          })
        })
        .then(response => {
          if (!response.ok) {
            throw Error(response.statusText);
          }
          return response.json();
        })
        // If response is ok then delete from indexedDB.
        .then(review => {
          if (!review) return new Error('Could not submit');
          if (cursor.value.restaurant_name in submittedRes) {
            submittedRes[cursor.value.restaurant_name] = submittedRes[cursor.value.restaurant_name] + 1;
          } else {
            submittedRes[cursor.value.restaurant_name] = 1;
          }
          cursor.delete();
          return cursor.continue().then(submitAndDelete);
        });
    })
    .then(() => {
      if (Object.keys(submittedRes).length === 0 && submittedRes.constructor === Object) return;
        DBHelper.showDeferredSubmitModal(submittedRes);
    });
});

【问题讨论】：

不是你的问题，但submittedRes.constructor === Object 永远不会是真的
你说得对，我把它改成obj instanceof Object。感谢您的建议

标签： javascript asynchronous promise indexeddb

【解决方案1】：

您不能在 indexedDB 操作的中间进行异步操作。如果 IDBTransaction 在到达 JavaScript 事件循环的当前迭代结束时未检测到任何挂起的请求，它将自动超时。异步操作引入了暂停，因此在暂停之后绑定的后续请求绑定得太晚，因为到那时事务超时并结束。事务旨在短暂存在，因为读写模式事务可能会在其整个持续时间内锁定对象存储，从而导致严重的阻塞问题。

要解决此问题，请在事务之前或之后执行所有异步工作，而不是在事务中间。如果数据完整性不是问题，或者使用两个单独的事务。

【讨论】：