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

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

【WePY小程序框架实战四】-使用async&await异步请求数据的更多相关文章

1. 【WePY小程序框架实战三】-组件传值

   [WePY小程序框架实战一]-创建项目 [WePY小程序框架实战二]-页面结构 父子组件传值 静态传值 静态传值为父组件向子组件传递常量数据,因此只能传递String字符串类型. 父组件 (paren ...

2. 【WePY小程序框架实战二】-页面结构

   [WePY小程序框架实战一]-创建项目 项目结构 |-- dist |-- node_modules |-- src | |-- components |-- a.wpy |-- b.wpy |-- ...

3. 【WePY小程序框架实战一】-创建项目

   最近两个小程序项目使用了微信自己出的框架wepy开发,开发完的感受就是比原生小程序顺溜很多.我就从安装到一些重点和整个项目把wepy使用整理下 全局安装WePY命令行工具 npm install we ...

4. 小程序框架WePY 从入门到放弃踩坑合集

   小程序框架WePY 从入门到放弃踩坑合集 一点点介绍WePY 因为小程序的语法设计略迷, 所以x1 模块化起来并不方便, 所以x2 各厂就出了不少的框架用以方便小程序的开发, 腾讯看到别人家都出了框架 ...

5. 微信小程序教学第三章第四节（含视频）：小程序中级实战教程：下拉更新、分享、阅读标识

   下拉更新.分享.阅读标识 本文配套视频地址: https://v.qq.com/x/page/h0554i4u5ob.html 开始前请把 ch3-4 分支中的 code/ 目录导入微信开发工具 这一 ...

6. 零基础入门 实战mpvue2.0多端小程序框架

   第1章 课程快速预览(必看!!!)在这一章节中,老师讲带领你快速预览课程整体.其中,涉及到为什么要做这么一门实战课程.制作一个小程序的完整流程是怎么样的,以及如何做项目的技术选型. 第2章 30 分钟 ...

7. 应用程序框架实战十五:DDD分层架构之领域实体（验证篇）

   在应用程序框架实战十四:DDD分层架构之领域实体(基础篇)一文中,我介绍了领域实体的基础,包括标识.相等性比较.输出实体状态等.本文将介绍领域实体的一个核心内容——验证,它是应用程序健壮性的基石.为了 ...

8. 微信小程序全面实战，架构设计 && 躲坑攻略(小程序入门捷径教程)

   最近集中开发了两款微信小程序,分别是好奇心日历(每天一条辞典+一个小投票)和好奇心日报(轻量版),直接上图: Paste_Image.png 本文将结合具体的实战经验,主要介绍微信小程序的基础知识.开 ...

9. 微信小程序框架探究和解析

   何为框架 你对微信小程序的技术框架了解多少? 对wepy 框架进行一系列的深入了解 微信小程序框架解析和探究 小程序组件化框架WePY 在性能调优上做出的探究 开发者培训班上海专场PPT分享:小程序框 ...

随机推荐

1. JAVA+Maven+TestNG搭建接口测试框架及实例

   1.配置JDK 见另一篇博客:http://www.cnblogs.com/testlurunxiu/p/5933912.html 2.安装Eclipse以及TestNG Eclipse下载地址:ht ...

2. ios 自定义键盘

   由于项目需要,需要自定义键盘.ios系统键盘会缓存键盘输入,并保存在系统目录下的文件里,并且是明文存储,存在帐号密码泄漏风险.在别人代码基础上修改了下,美化了下界面,去掉了字符输入,加了点击特效,截图 ...

3. wordpress 为文章内容添加自动过滤，例如为出站链接添加nofollow，也可以将淘宝客链接转换。。

   做seo的都明白,反向链接对与网站的优化有着很重要的作用,是搜索引擎给网站排名的一个重要因素.为了添加反向链接,SEO作弊者会在论坛和博客等大量发布带无关链接的 内容.这些垃圾链接的存在给搜索引擎对网 ...

4. BZOJ 1010 [HNOI2008]玩具装箱toy

   1010: [HNOI2008]玩具装箱toy Time Limit: 1 Sec  Memory Limit: 162 MBSubmit: 7184  Solved: 2724[Submit][St ...

5. c语言的编译过程和GCC 编译参数

   原文: http://www.cnblogs.com/zhangShanGui/p/4912135.html C语言的编译过程和GCC编译参数 C语言的编译一般有三个步骤: 预编译: gcc -E - ...

6. MySQL中information_schema数据库的内容

   大家在安装或使用MYSQL时,会发现除了自己安装的数据库以外,还有一个information_schema数据库. information_schema数据库是做什么用的呢,使用WordPress博客 ...

7. 项目实战15—企业级堡垒机 jumpserver

   本文收录在Linux运维企业架构实战系列 环境准备 系统:CentOS 7 IP:192.168.10.101 关闭selinux 和防火墙 # CentOS $ setenforce # 可以设置配 ...

8. 原生JS实现banner图的滚动与跳转

   HTML部分: <div id="banner"> <!--4张滚动的图片--> <div id="inside"> &lt ...

9. GATT服务搜索流程（一）

   GATT的规范阅读起来还是比较简答, 但是这样的规范在代码上是如何实现的呢?下面就分析一下bluedroid 协议栈关于GATT的代码流程. BLE的设备都是在SMP之后进行ATT的流程的交互.从代码 ...

10. curl&comma; wget常用选项

    使用指定的http代理,配合md5sum 对于检查源站与cdn节点资源是否一致很有效 curl -o a.jpg -x http://pbcdn.xximg1.com/v6/global2015/im ...