在angualr中,一般调用了服务端接口都是异步,那如何实现异步方法执行完后再往下执行?
当函数的返回值为true时才往下执行,但是这个函数又是异步,那该怎么实现这个功能呢 ?这个时候我们就需要用到async和await来处理异步。
定义函数
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)
}
}
函数的调用
var isBeamsValid = await this.checkBeams();
if (!isBeamsValid) {
...
}
async函数的执行会返回一个promise 对象,想获取到async 函数的执行结果,就要调用promise的then 或catch 来给它注册回调函数。
then方法提供一个供自定义的回调函数,若传入非函数,则会忽略当前then方法。回调函数中会把上一个then中返回的值当做参数值供当前then方法调用。then方法执行完毕后需要返回一个新的值给下一个then调用(没有返回值默认使用undefined)。每个then只可能使用前一个then的返回值。
await 表示等这个方法执行完后继续执行接下来的代码