angular async和await (实用）

小咪咪 2023-02-22 10:56 11阅读 0赞

原文出处：[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][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

[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]: 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