如何在Onupgradeneeded触发时等待IndexedDB打开

在IndexedDB中，当数据库版本发生变化时，会触发onupgradeneeded事件。在该事件中，我们可以执行一些数据库结构的变更操作，例如创建新的对象存储空间或索引。

要在onupgradeneeded触发时等待IndexedDB打开，可以使用Promise对象来实现异步操作的同步化。以下是一个示例代码：

function openDatabase() {
  return new Promise((resolve, reject) => {
    const request = indexedDB.open('myDatabase', 2);

    request.onupgradeneeded = event => {
      const db = event.target.result;

      // 在这里执行数据库结构的变更操作
      // 例如创建新的对象存储空间或索引

      // 完成数据库结构变更后，关闭数据库连接
      db.close();
    };

    request.onsuccess = event => {
      const db = event.target.result;
      resolve(db);
    };

    request.onerror = event => {
      reject(event.target.error);
    };
  });
}

async function waitForDatabaseOpen() {
  let db;

  try {
    db = await openDatabase();
  } catch (error) {
    console.error('Failed to open database:', error);
    return;
  }

  // 在这里可以执行需要等待数据库打开后的操作
  // 例如执行数据的读取、写入等操作
}

waitForDatabaseOpen();

在上述代码中，openDatabase函数返回一个Promise对象，用于打开IndexedDB数据库。在onupgradeneeded事件中，我们可以执行数据库结构的变更操作，并在完成后关闭数据库连接。在onsuccess事件中，我们将打开的数据库实例传递给resolve函数，以便在waitForDatabaseOpen函数中进行后续操作。

waitForDatabaseOpen函数使用async/await语法来等待数据库打开，并在打开后执行需要等待的操作。你可以在注释的位置执行数据的读取、写入等操作。

请注意，以上代码仅为示例，实际使用时需要根据具体情况进行适当的修改和错误处理。