解决小程序不能使用ES7语法async/await。并演示此语法

小汪又来了，今天小汪来写一篇关于小程序使用 ES7语法中的 async和await，如果能帮到小伙伴，小伙伴不要忘了点点大拇指哦！
了解一下：es7的 async 号称是解决回调地狱的最终方案
使用的前准备：

在小程序的开发者工具中，勾选 es6转es5语法。
下载facebook的regenerator库中的regenerator/packages/regenerator-runtime/runtime.js （考虑到有些小伙伴开启GitHub网速过慢，点击这里这个超链接直接进入js页面进行复制即可）
Ps 注意：1.因为小程序有说明只支持ES6转ES5，如果不下载这个文件的话使用会报错哦！2.如果完成了这些配置也是会在某些机型，某些旧型号中出现问题，如果需要考虑机型兼容的问题只需再改成promise形式即可
步骤图：1.进入facebook的regenerator库点击Raw步骤图：2.点击进入下一个页面或点击括号内的超链接将会跳转至这个页面，复制即可
在小程序的目录下新建文件夹 lib/runtime/runtime.js ，将代码拷贝进去
在每一个需要使用async语法的页面js文件中，都使用入以下语法进行引入(不能全局引入)

import regeneratorRuntime from '../../lib/runtime/runtime';
只需要引入即可，无需使用。

展示代码如下（模拟异步）：


import regeneratorRuntime from '../../lib/runtime/runtime';
Page({data: {msg:'未点击事件'},async handleViewClick(){try {const Toast = await this.showToast('调用弹窗成功');如果这个函数有返回值 Toast就是成功之后的回调的返回值  并且使用这个方法是同步的,如上面的未执行完毕，下方代码皆暂停执行，这里我模拟一次异步展示看看this.setData({msg:'已点击按钮调用弹窗'});} catch (err){console.log(err);}},showToast(title,icon){return new Promise((resolve,reject)=>{setTimeout(()=>{wx.showToast({title,icon: icon||'none',duration: 1500,mask: true,success: resolve,fail: reject,complete: () => {}});},1000)})}
})

展示效果如下：
同理如果小伙伴将需要同步请求的代码写成这个形式，就能执行同步操作啦。如果想是调用失败的回调则将代码写进catch即可。对于有强迫症的伙伴使用这种方法美化嵌套是一种不错的选择哦！
如果有小伙伴在使用上有不懂的地方，欢迎下方评论留言，如果有大佬发现描述不对的地方也希望大佬花两分钟指出小汪的错误，小汪一定及时改正。谢谢！

解决小程序不能使用ES7语法async/await。并演示此语法相关推荐

⼩程序中⽀持es7的async语法
⼩程序中⽀持es7的async语法 es7的 async 号称是解决回调的最终⽅案 1. 在⼩程序的开发⼯具中,勾选 es6转es5语法 2. 下载 facebook的regenerator库中的 r ...
完美解决小程序一维数组循环渲染列表不够用问题
完美解决小程序一维数组循环渲染列表不够用问题参考文章: (1)完美解决小程序一维数组循环渲染列表不够用问题 (2)https://www.cnblogs.com/jessical626/p/6363 ...
解决小程序背景图片在真机上不能查看的问题
解决小程序背景图片在真机上不能查看的问题参考文章: (1)解决小程序背景图片在真机上不能查看的问题 (2)https://www.cnblogs.com/web1/p/9018035.html 备忘 ...
解决小程序插槽slot内容显示不对，无论是原生小程序还是uniapp开发的，解决办法如下
原文地址:解决小程序插槽slot内容显示不对,无论是原生小程序还是uniapp开发的,解决办法如下!在一次使用小程序插槽的时候,发现如论在哪里使用插槽,内容在子组件上展示和根目录同级,这其实是pc端微 ...
【uni-app 怎么获取当前时间，获取年月日，获取星期，解决小程序在苹果手机少了八个小时】
uni-app 怎么获取时间,获取年月日,获取星期,解决小程序在苹果手机少了八个小时 1.在pages里新建文件夹common,common里新建.js文件命名method.js 这里结合导出方法一起 ...
解决小程序获取openid报错errcode：48001或者其他错误代码方案
解决小程序获取openid报错errcode:48001或者其他错误代码方案原因解析解决方案公众号appid获取微信openid 小程序appid获取微信openid 原因解析获取openID ...
解决小程序自定义底部菜单切换闪动
解决小程序自定义底部菜单切换闪动业务上可能会有一个需求使用自定义底部菜单相信会有很多人遇到过这个需求但是自定义底部菜单会有一个问题,在点击切换页面的时候底部菜单会重新加载,导致页面闪动,比较影响用 ...
微信小程序坑点杂谈（五）1000比200小？光速解决小程序数值大小判断错误的问题
微信小程序坑点杂谈(五)光速解决小程序数值大小判断错误的问题一.写在开头本人只是一枚小小的新手开发者,所提的问题和解答很难超过个人水平,如果对你有帮助,那就太好了! 二.发现问题我个人前些天写一 ...
解决小程序开发：未找到 app.json 中的定义的 pages “pages/index/index“ 对应的 WXML 文件
解决小程序开发:未找到 app.json 中的定义的 pages "pages/index/index" 对应的 WXML 文件 (亲测,以解决)如果节约了你的宝贵时间,辛苦点个赞 ...

解决小程序不能使用ES7语法async/await。并演示此语法

解决小程序不能使用ES7语法async/await。并演示此语法相关推荐

最新文章

热门文章