async和await

多芒小丸子發表於2018-06-15
AI

async/await摘要

ES7 提出的async 函式，終於讓 JavaScript 對於非同步操作有了終極解決方案。No more callback hell。
async 函式是 Generator 函式的語法糖。
複製程式碼
await 操作符用於等待一個 Promise 物件, 它只能在非同步函式 async function 內部使用.
複製程式碼
async function 可以定義一個 非同步函式。
複製程式碼

使用promise處理非同步

getCLubs() {
  this.ajax({
    url: API.CLUBS,
    method: 'get'
  }).then(res => {
    let clubs = res.data
    clubs.map(item => {
      item.sumPriceFormat = this.numberFormat(item.sumPrice / 10000, 2)
    })
    this.clubs = clubs
    this.$apply()
  })
}
onShow() {
  this.getCLubs()
}
複製程式碼

使用async/await處理非同步

//await只能在asyn函式中使用
async onLoad(options) {
  let res = await this.ajax({
    url: API.CLUBS,
    method: 'get'
  })
}
複製程式碼

相關文章