indexDB数据库，onupgradeneeded 没有触发？

Question

根据官方文档的解释:
如果数据库不存在，open 操作会创建该数据库，然后 onupgradeneeded 事件被触发，你需要在该事件的处理函数中创建数据库模式。如果数据库已经存在，但你指定了一个更高的数据库版本，会直接触发 onupgradeneeded 事件，允许你在处理函数中更新数据库模式。

但是我在实际测试中，onupgradeneeded 只在第一次 open 创建数据库的时候会被触发，指定更高的数据库版本时，onupgradeneeded 事件没有被触发。

<p id="dbBtn">
    打开数据库
</p>
<script>
       
        var req = window.indexedDB.open("demoIndexDB",3);

        req.onupgradeneeded=function(){
            console.log("数据库被打开：" + Date.now());
        }
        
        // 重新打开数据库
        document.getElementById("dbBtn").addEventListener("click",function(){
            window.indexedDB.open("demoIndexDB",4);
        })
 </script>

以上代码:
onupgradeneeded 只被触发一次,当点击按钮的时候,指定了数据库的版本为 4,没有任何效果,数据库版本没有发生变化,onupgradeneeded 也没有被触发。

测试浏览器为: Chrome 版本：92

Answer 1

window.indexedDB.open返回了一个新的IDBOpenDBRequest对象，你必须在新的对象上注册onupgradeneeded事件。因此你可以考虑把这整个操作封装成一个函数调用。比如:

function openAndUpgradeDB(dbName, version, onsuccessHandler) {
  const req = window.indexedDB.open("demoIndexDB", version);
  req.onupgradeneeded = function(){
    console.log("数据库被打开：" + Date.now());
  }
  
  if (onsuccessHandler) {
    req.onsuccess = onsuccessHandler(event);
  }
}