频道栏目
首页 > 资讯 > 微信小程序 > 正文

小程序使用 async await教程

19-01-16        来源:[db:作者]  
收藏   我要投稿

实践的方式如下:

第一个问题: 虽然小程序不支持,但是我们可以引入js库啊。双手奉上facebook的开源库regenerator 下载'packages/regenerator-runtime'这个路径下的runtime.js,放到自己小程序项目下的utils或者lib文件夹下。

第二个问题: Async跟Await的用法

Async - 定义异步函数(async function someName(){...})

自动把函数转换为 Promise 当调用异步函数时,函数返回值会被 resolve 处理 异步函数内部可以使用 await

Await - 暂停异步函数的执行 (var result = await someAsyncCall();)

当使用在 Promise 前面时,await 等待 Promise 完成,并返回 Promise 的结果 await 只能和 Promise 一起使用,不能和 callback 一起使用 await 只能用在 async 函数中
import regeneratorRuntime from '../../utils/runtime.js'

onLoad: function() {
    this.initData();
  },

  async initData(){
	await this.initMyData();//请求接口1
	await this.initTodayData();//请求接口2
  }

  initMyData:function(){
	console.log('开始请求1')
	........
	//回调函数的方法内写
	console.log("完成请求1")
	
	
}

  initTodayData:function(){
	console.log('开始请求2')
	........
	//回调函数的方法内写
	console.log("完成请求2")
}
相关TAG标签
上一篇:小程序登录、微信网页授权(Java版)教程
下一篇:小程序不同页面之间通讯的解决方案教程
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站