经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » Omi » 查看文章
详解将微信小程序接口Promise化并使用async函数
来源:jb51  时间:2019/8/6 8:31:17  对本文有异议

前言

小程序一直到现在接口还是和刚开始一样使用的回调函数的方式,如果想在小程序中不使用框架的情况下使用Promise+Async怎么办呢?

2019最新解决方案

1. 将接口Promise化

首先建一个文件wxPromise.js

  1. const promisify = name => option => {
  2. return new Promise((resolve, reject) =>
  3. wx[name]({
  4. ...option,
  5. success: resolve,
  6. fail: reject,
  7. })
  8. )
  9. }
  10.  
  11. const wxPro = new Proxy(wx, {
  12. get(target, prop) {
  13. return promisify(prop)
  14. }
  15. })
  16.  
  17. export default wxPro
  18.  

2.使用regeneratorRuntime让小程序兼容async函数

github项目regenerator里下载packages/regenerator-runtime/runtime.js。

如果是最新版本的话引入后会报一个错误:

Function is not a function....

需要手动修改源码:

去掉源码最后的try-catch语句,并将开头的var runtime改成var regeneratorRuntime。

如果不想修改则可以直接下载0.13.1版本的源码。

最后

在想使用的页面里引入:

  1. import wxPro from './utils/wxPromise.js'
  2. import regeneratorRuntime from './utils/runtime.js'
  3.  
  4. //app.js
  5. App({
  6. async onLaunch() {
  7. // wxPro.login().then((res) => {
  8. // console.log(res)
  9. // })
  10. const result = await wxPro.login()
  11. console.log(result)
  12. },
  13. globalData: {
  14. userInfo: null
  15. }
  16. })
  17.  

这样就可以了,唯一有点麻烦的是每个要用的页面都要引入一次。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持w3xue。

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号