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之后才会继续执行下面打印数据的工作

你可能感兴趣的:(JavaScript,异步,async,await)