异步流程工具

前端异步流程工具

1. Promise √

2. Generator函数

3. Async函数 √

   • async函数式由es6提供的

   • async函数的底层其实就是generator函数

   • async函数需要和关键字 await 搭配使用

   • async也是Promise,也可以调用.then

   • 格式

     const asyncFn = async () => {
           await 任务
         }
     
     或
     
         var obj = {
           async aa () {
             await 任务
           }
         }
     

   • 注意：只有await后面的任务 顺利执行完成，那么下面的任务才会去执行，如果await后面的任务执行不顺利， 那么后面的任务会出问题

   • 使用场景：先进行数据请求，得到数据之后，在去操作这个数据 ，这个时候，我们的async就是首选

     const asyncFn = async () => {
            
       const request = await '任务一'
       console.log(' 任务2 ')
       console.log( request )
     
     }
     
     asyncFn()
     console.log( '主线程任务' )
     

   <