当indexedDB被阻止时应用程序应该如何反应

我在另一个地方被告知question https://stackoverflow.com/questions/39997018关于检测阻止和解除阻止事件，“阻止的打开（或删除）不会被取消，只是......被阻止。一旦解除阻止，打开（或删除）将继续。”

我想知道应用程序应该如何响应被阻止的事件，如果成功事件之后的路径最终仍然会发生的话。

如果我希望我的应用程序响应quickly，并且遇到阻塞事件，我应该取消成功路径吗？通过路径，我指的是在成功打开数据库时执行的一系列语句和函数调用以及延续。

之前我假设被阻止的事件阻止了成功路径的继续。我编写了我的应用程序，将阻止的事件视为类似于错误，这意味着操作无法继续，并且应该报告错误，然后执行其他操作或返回空闲状态。

对我来说问题是，如果成功事件最终可以继续，那么这意味着我正在分叉，并且错误路径和成功路径都会评估，并且可能会导致一些不需要的行为。

或者我最初的理解是正确的，我不需要担心取消成功时发生的事情，因为如果 onblocked 火灾那么我可以安全地推断 onsuccess 不会。

做下面这样的事情感觉真的很难看，但这是我能想到的唯一可以避免我的问题的直接方法。

var r indexedDB.open(...);
var wasPreviouslyBlocked = false;
r.onsuccess = function() {
  // Cancel the success if previously blocked
  if(wasPreviouslyBlocked) {
    return;
  }
  // Proceed as normal
  doNextThing();
};
r.onblocked = function() {
  wasPreviouslyBlocked = true;
};

有没有更好的方法来应对这种情况？

对我来说问题是如果事件最终能够成功 continue，那么这意味着我正在分叉，并且错误路径和 成功之路将会评估，并且可能会导致一些结果 不需要的行为。

那是对的。

或者我最初的理解是否正确，我不需要担心 取消成功时发生的事情，因为如果 onblocked 火灾 那么我可以有把握地推断 onsuccess 不会。

如有疑问，请实际尝试一下！您所需要的只是几个选项卡和本地服务器。添加日志记录到blocked, success, and upgradeneeded请求的处理程序和versionchange连接的处理程序。

作为背景，假设一个选项卡打开数据库的 v1：

var r = indexedDB.open('db', 1);
r.onupgradeneeded = function(e) {
var db = r.result;
  // schema v1: has store s1
  db.createObjectStore('s1');
};
r.onsuccess = function(e) {
  window.db = r.result;
};

现在打开第二个选项卡并拉下想要升级的新代码：

var r = indexedDB.open('db', 2);
r.onupgradeneeded = function(e) {
  // schema v1: has store s1
  // schema v2: adds store s1
  var db = r.result;
  if (e.oldVersion < 1) {
    db.createObjectStore('s1');
  }
  db.createObjectStore('s2');
};
r.onblocked = function(e) {
  console.log('uh oh...');
};

您至少可以采取三种通用方法来应对升级受阻。

1. 监视“旧”连接versionchange事件并立即关闭以解锁升级。
2. 留意“新”连接blocked事件并通知用户关闭其他选项卡
3. 留意“新”连接blocked事件并忽略升级。

既然您对#3 感兴趣，那么您将如何实现它：

var r = indexedDB.open('db', 2);
r.onupgradeneeded = function(e) {

  // If we ever saw a blocked event, abort this upgrade.
  if (r.was_blocked) {
    r.transaction.abort();
    return;
  }

  var db = r.result;
  if (e.oldVersion < 1) {
    db.createObjectStore('s1');
  }
  db.createObjectStore('s2');
};

r.onblocked = function(e) {
  // Record that we saw a blocked event so this upgrade
  // can be ignored.
  r.was_blocked = true;
};

这与您最终得到的结果非常接近wasPreviouslyBlocked尝试，但您的代码中存在一个严重错误：您没有中止升级，只是没有实际修改架构。因此，您最终将得到一个具有架构版本 2 的数据库，但没有任何与 v2 相比的更改。如果数据库再次打开，它将已经处于 v2，因此升级不会触发，并且您将错过预期的架构更改。