1.async概念：

真在意义上解决异步回调函数的问题(由于promise的then方法中还是使用回调函数，而async中await并没有使用回调函数真正意义上解决回调函数)，同步流程表达异步操作。
最为常用并与promise结合使用。
本质是Generator的语法糖。

2.特点：

不需要像Generator去调用next方法，遇到await等待，当前的异步操作完成就往下执行。
返回为Promise对象，可以用then方法进行下一步执行
async取代Generator函数的星号*，await取代Generator的yield
语义上更为明确，使用简单，没有任何副作用

3.使用：

异步任务使用promise包装，await之后的异步任务通常返回一个promise的实例。
通过修改promise实例的状态通知await以及给await设定返回值（resolve(data)）

 let num = 1;

 function promiseUtil(){

   return new Promise((resolve,reject)=>{



     setTimeout(()=>{

       console.log("异步任务"+num+"执行成功");

       let data = "我是异步任务"+num+"返回的数据xxxx";

       num++;

       resolve(data);

     },2000);

   })

 }

 async function AsyncUtil(){

   console.log("函数开始执行");

   let result = await promiseUtil();   //返回的是一个Promise对象，可以使用then继续调用

   console.log("异步任务返回数据："+result);

   console.log("函数继续执行");

   result = await promiseUtil();

   console.log("异步任务返回数据："+result);

   console.log("函数执行结束");

 }

 AsyncUtil();

巴特西

JS的ES6的async

1.async概念：

真在意义上解决异步回调函数的问题(由于promise的then方法中还是使用回调函数，而async中await并没有使用回调函数真正意义上解决回调函数)，同步流程表达异步操作。

最为常用并与promise结合使用。

本质是Generator的语法糖。

2.特点：

不需要像Generator去调用next方法，遇到await等待，当前的异步操作完成就往下执行。

返回为Promise对象，可以用then方法进行下一步执行

async取代Generator函数的星号*，await取代Generator的yield

语义上更为明确，使用简单，没有任何副作用

3.使用：

异步任务使用promise包装，await之后的异步任务通常返回一个promise的实例。

通过修改promise实例的状态通知await以及给await设定返回值（resolve(data)）

最新文章

热门文章