async/await 的理解和用法

async/await 是ES8 提出的基于Promise的解决异步的最终方案

async

async是一个加在函数前面的修饰符，被async定义的函数会默认返回一个Promise

对象resolve的值，所以async函数可以直接then,返回值就是then方法

await 理解为等待，等待Promise返回的内容（resolve或者reject的参数），取到值后才会继续执行

 

  getSummitPageFun(params) {

      return idp.service.fetch(xxx,params,false)

    },

    async getSummitPage(id) {

      const result = await getSummitPageFun(params)

      if(!!result) {

      }

    }

 

async基础用法：

// async基础用法
async function func1() {
         return 1
    }

func().then(res => {
    console.log(res)
})

// async进阶用法

async function func2() {
      return new Promise(function(resolve,reject) {
            resolve('Promise')
        })  
  }

func2().then(res => {
    console.log(res)
})

请求异步接口也可以这样写：

参考原文：

async/await 的理解和用法_前端之神的博客-CSDN博客