【WePY小程序框架实战四】-使用asyncawait异步请求数据

【WePY小程序框架实战一】-创建项目
【WePY小程序框架实战二】-页面结构
【WePY小程序框架实战三】-组件传值

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()

转载于:https://www.cnblogs.com/leinov/p/9642949.html

【WePY小程序框架实战四】-使用asyncawait异步请求数据相关推荐

wepy组件子父传值_【WePY小程序框架实战三】-组件传值
父子组件传值静态传值静态传值为父组件向子组件传递常量数据,因此只能传递String字符串类型. 父组件 (parent.wpy) 子组件(child.wpy) {{name}} props={ n ...
解决参考-微信小程序体验版不开调试工具无法请求数据
1-检查合法域名配置及校验合法域名这两点,前者需要到后台配置合法的域名,后者需要在开发者工具中勾选不校验合法域名及xxxxxx证书这个选项,配置的时候一定要核对地址是否配对了,配了不对等于没配微信 ...
微信小程序 index.js获取app.js异步请求的动态数据
对于 "index.js不能获取app.js异步请求的动态数据" 这个问题,本人也是郁闷了好几分钟. 解决方法是:getApp().wxFunction().then(res =& ...
对小程序框架WePY的精简总结
大家下午好,萍子最近一直都在写小程序的项目,其中也涉及到了小程序的框架--WePY,讲真的,一开始对这个框架并没有很熟悉,所以也是看了多次它的对应文档,然后特此整理下来,写成博文保存一下,方便日后查看 ...
小程序框架对比 ( WePY / mpvue / Taro )
摘要: 对比小程序框架. 原文:小程序第三方框架对比 ( wepy / mpvue / taro ) 公众号:前端小苑 Fundebug经授权转载,版权归原作者所有. 众所周知如今市面上端的形态多种多 ...
微信小程序快速入门+四个实战小程序（一）——入门准备
一)系列达成目标介绍二)小程序创建的准备 1)注册开发者账号 2)下载编译器 ------------------------------------------------------ 一)系列达 ...
wepy微信小程序框架和wept第三方小程序开发工具
微信小程序框架wepy文档: 参考链接:https://segmentfault.com/a/1190000007580866 点击打开链接点击打开链接微信小程序第三方开发工具wept: 项目地址 ...
王者级微信小程序开发实战教学从零到高手搭建微信小程序框架开发教程
王者级微信小程序开发实战教学从零到高手搭建微信小程序框架开发教程小程序进阶王者级微信小程序开发实战教学课程,讲师手把手对同学们进行微信小程序开发的进阶实战,从零开始搭建,从本地到云端开始系统化的 ...
《微信小程序开发实战》课后题
黑马程序员版<微信小程序开发实战> 第一章填空题 1.微信小程序可以通过________方式打开. 答案:扫描二维码 2.微信开发者工具中的上传是指将代码上传到________. 答案: ...
美团小程序框架mpvue(花名：没朋友)蹲坑指南
第一次接触小程序大概是17年初,当时小程序刚刚内侧,当时就被各种限制折腾的死去活来的,单向绑定, 没有promise,请求数限制,包大小限制,各种反人类,...反正我是感受到了满满的恶意. 最近接到一 ...

【WePY小程序框架实战四】-使用asyncawait异步请求数据

依赖库

app.wpy中启用

使用实例

调用

【WePY小程序框架实战四】-使用asyncawait异步请求数据相关推荐

最新文章

热门文章