Javascript Promise Ready

Question

我有一個類（LoadClass），它在頁面加載時進入，並打開SQLite數據庫並執行一些查詢。現在，我希望其他組件只在LoadClass先前完成加載數據庫時執行代碼，但這種情況必須隨時發生。出於顯而易見的原因，我只想打開一次數據庫。它應該像這樣工作：

class LoadClass { 

    // This executes directly on page load 
    constructor() { 
     this.load_my_database().then(function() { 
      // My database finished loading, now my buttons may work. 
     }) 
    } 
} 

function user_presses_button() { 
    LoadClass.ready().then(function() { 
     // Only now something 
    }) 
} 

我該如何去使用Promise做這件事？

Answer 1

class LoadClass { 

    private _ready_promise; 

    constructor() {} 

    // This executes directly on page load 
    page_load() { 
     this._ready_promise = this.load_my_database(); 
    } 

    load_my_database() { 
     return new Promise(function(resolve) { 
      // Do something... 
      // Now my database finished loading, everything else may work. 
      return resolve(); 
     }) 
    } 

    ready() { 
     return this._ready_promise; 
    } 
} 

function user_presses_button() { 
    LoadClass.ready().then(function() { 
     // Only now something 
    }) 
}