async+await处理异步问题

在编写网页的时候我们常常会遇到异步问题,async+await是es6提出的解决异步的方法,下面我们来看看这个方法怎么实现解决异步的,

大家都知道,setTimeout是一个定时器。他是一个异步执行的语句。如:

function foo(){
    setTimeout(()=>{
    console.log(1)
},1000)
console.log(2)
}    

答案肯定是2,1

因为setTimeout是一个异步执行语句,所以下面一个会先执行完后再执行异步。

可是,我们有时候会想让异步先执行完了再执行下面的语句,该怎么办呢?

这就是我们今天讨论的话题了,如何解决异步问题。

在网上有很多解决异步的问题,今天我要说的是通过es6提出的async+await解决异步问题。

代码如下:

async function foo(){

await new promise((resolve,reject)=>{
    setTimeout(()=>{
    console.log(1)
    resolve();
},1000)
})
console.log(2)
}    

这样,就可以很好的解决异步问题了,当然这个async+await也是基于promise的。

posted @ 2018-12-16 16:03  健伟博客  阅读(1088)  评论(0编辑  收藏  举报