相信很多人遇到过这样的问题,在方法a中调用了方法b,并且需要方法b中的接口的返回值,但是在程序运行中,方法a已经执行晚了,方法b的接口才刚返回数据,造成方法阿执行错误,这样的问题就是异步问题
数据=a;
function a(){
this.b();
console.log(数据); //打印出依旧是数据a
}
function b(){
数据=调用了接口,获取到接口的返回值b;
}
结果:数据打印出来还是a,并没有完成从接口调取的b的赋值
原因:因为接口调用需要时间,产生了时间的延迟,产生了程序的异步,导致虽然最终拿到了接口的返回值,但是此时已经完成了a方法的打印工作,使之打印出错
那么如何用async与await来解决问题呢?
async function a(){
await this.b();
console.log(数据); // 打印出返回值b了
}
function b(){
return new Promise(resolve => {
this.saleAreaService.getPeople(this.saleArea).subscribe(
response => {
数据=调用了接口,获取到接口的返回值b;
resolve();
},
);
});
}
首先像上述程序中,先在可能异步的程序上加上async声明一下,然后在异步的方法前加上await,这样当程序执行到await这条代码的时候,只有会等到方法b的promise返回resolve之后才会继续执行下面打印数据的工作