async与await有什么用?可以做什么?如何解决异步问题

相信很多人遇到过这样的问题,在方法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之后才会继续执行下面打印数据的工作

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值