微信小程序中使用async、await语法的方法(代码示例)

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

微信小程序中使用async、await语法的方法(代码示例)

本篇文章给大家带来的内容是关于微信小程序中使用async/await语法的方法(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

1、在微信小程序项目添加package.json文件或者直接npm init.

2.在package.json中添加regenerator包和版本

`"devDependencies": {"regenerator":"0.13.3"}`
登录后复制

3.微信开发者工具-》工具-》npm构建

4.在需要使用async/await语法的文件引入regeneratorRuntime

const regeneratorRuntime = require('regenerator-runtime')
登录后复制

5.使用async/await语法

lifetimes: {    attached:async function(){      // 在组件实例进入页面节点树时执行     let data= await req(this.properties.apiType);     console.log(data)    },    detached() {      // 在组件实例被从页面节点树移除时执行    },  },
登录后复制

需要注意this的指向,比如生命周期如果用箭头函数会丢失this或者直接这样

 lifetimes: {    async attached(){      // 在组件实例进入页面节点树时执行     let data= await req(this.properties.apiType);     console.log(data)    },    async detached() {      // 在组件实例被从页面节点树移除时执行         },  },
登录后复制

其实在app.js require一次包全局都能用了

本文参考:微信小程序开发基础教程 https://www.html.cn/study/20.html

以上就是微信小程序中使用async/await语法的方法(代码示例)的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。

作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:yii怎么加载公共文件
下一篇:微信开发之Ngrok环境准备

发表评论

关闭广告
关闭广告