indexedDB.open()の実行後、onsuccessまで処理を止めたい

Question

前提・実現したいこと

JavaScriptでIndexedDBを使用し各種データを保存しようと考えています。
その際、タイトルのように非同期処理を同期的処理にしようとした際につまずいてしまい質問させていただきました。
(IDBObjectStore.get()の後に実行されるonsuccessについても同様の問題が起きています。)

該当のソースコード

class storage{
    constructor(){
        let request_db = indexedDB.open("Storage");
        request_db.onsuccess = (event)=>{
            this.db = event.target.result;
        }
    }
}

let localStorage = new storage;

console.log(localStorage.db) // => undefined
setTimeout(()=>{console.log(localStorage.db)},1000) // => IDBDatabase {}

試したこと

async、awaitも試してみたのですが、理解できていないためかうまく動作しませんでした。
(同期的に実行したい部分を関数として切り出し、関数名の前にasyncを入れ、this.db = event.target.result;の部分にawaitを入れてみましたが結果は変わりませんでした)

補足情報（FW/ツールのバージョンなど）

firefox 82.0b2

Answer 1

indexedDBを今回初めて知ったのでこれで正しいかは分かりませんが、Promiseを返すメソッドを新たに付けて使えば良いのではないかと思います。あと私見ですが、constructor内では初期値の代入だけするように心がけてみると、綺麗な見た目になるように思います。

class storage{
    constructor(name){
        this.name = name;
    }
    init() {
        const self = this;
        return new Promise(r=>{
            self.request_db = indexedDB.open(self.name);
            self.request_db.onsuccess = (event)=>{
                self.db = event.target.result;
                r(self.db);
            }
        });
    }
}

let localStorage = new storage("Storage");
localStorage.init().then(d=>{
    console.log(d);
    /*こちらでも見れる
    console.log(localStorage.db);
    */
});

/* async/awaitを使う場合
(async()=>{
    const localStorage = new storage("Storage");
    const myDb = await localStoragedb.init();
    console.log(myDb);
})();

*/