angular async和await (實用）

原文出處：https://blog.csdn.net/hotboyboy/article/details/102825281?utm_medium=distribute.pc_relevant_t0.none-task-blog-OPENSEARCH-1.nonecase&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-OPENSEARCH-1.nonecase

在angualr中，一般調用了服務端接口都是異步，那如何實現異步方法執行完後再往下執行？
當函數的返回值爲true時才往下執行，但是這個函數又是異步，那該怎麼實現這個功能呢 ？這個時候我們就需要用到async和await來處理異步。

定義async函數

    async checkBeams(): Promise<boolean> {
        try {
            return await this._beamGroupService.checkBeams(this.beamGroupDto.id)
                .toPromise()
                .then((result: boolean) => {
                    var ret = result as boolean;
                    return ret;
                })
        }
        catch (error) {
            console.log(error)
        }
    }

函數的調用 （await調用) 

        var isBeamsValid = await this.checkBeams();
        if (!isBeamsValid) {
      		 ...
       }

async函數的執行會返回一個promise 對象，想獲取到async 函數的執行結果，就要調用promise的then 或catch 來給它註冊回調函數。
then方法提供一個供自定義的回調函數，若傳入非函數，則會忽略當前then方法。回調函數中會把上一個then中返回的值當做參數值供當前then方法調用。then方法執行完畢後需要返回一個新的值給下一個then調用（沒有返回值默認使用undefined）。每個then只可能使用前一個then的返回值。
await 表示等這個方法執行完後繼續執行接下來的代碼
————————————————
版權聲明：本文爲CSDN博主「hotboyboy」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/hotboyboy/article/details/102825281