WePY小程序框架实战四-使用async&await异步请求数据

Posted Leinov

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WePY小程序框架实战四-使用async&await异步请求数据相关的知识,希望对你有一定的参考价值。

async await 是对promise的近一步优化,既解决了promise链式then的这种写法壁垒,又让异步请求更像同步,若对async await不太了解的同学可以直接参考阮一峰老师的文章async 函数的含义和用法,这里我们只关注怎么在小程序wepy架构中如何使用。

依赖库

 import \'wepy-async-function\'

app.wpy中启用

export default class extends wepy.app {
    constructor () {
    
        super()
        this.use(\'promisify\'); 
    }
}

使用实例


getData(x){
  return new Promise((resolve,reject)=>{
    setTimeout(()=>{
      if(x%2 === 0){
        resolve(x)
      }else{
        reject(`${x}是不正确的输入`);
      }
    },x*1000)
  })
}


async onLoad() {
  try{
    let data1 = await this.getData(2);
    console.log(data1);
    let data2 = await this.getData(1);
    console.log(data2);//已经异常不再执行
  }catch(error){
    console.log(error);
  }
}

调用
onLoad() // 以同一时间为基准,2秒后输出2,3秒后输出 1不是正确的输入

getData().then(fun(),fun()

以上是关于WePY小程序框架实战四-使用async&await异步请求数据的主要内容,如果未能解决你的问题,请参考以下文章

wepy是一个微信小程序框架

部署wepy框架开发微信小程序

微信小程序组件化开发框架WePY

WePy框架开发小程序总结

小程序开发框架WePY与mpvue

小程序01:wepy框架整合iview webapp UI