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

不言
发布: 2019-02-16 10:23:33
转载
4347人浏览过

本篇文章给大家带来的内容是关于微信小程序中使用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语法的方法(代码示例)的详细内容,更多请关注php中文网其它相关文章!

豆包AI编程
豆包AI编程

智能代码生成与优化,高效提升开发速度与质量!

下载
来源:segmentfault网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号