微信小程序 - async/await

下面只是做一些介绍以及使用的原因,详情介绍还请移步博主:https://www.cnblogs.com/SamWeb/p/8417940.html

regenerator-runtime下载:https://www.npmjs.com/package/regenerator-runtime

 

 

关于request的异步请求演示如下

 

 

使用async...await同步如下

 

 

 

 

微信小程序使用(其它例如VUE使用方式类似):

App.js

 

Index.js(注意,引入的变量名不能随意改变,应为固定的“regeneratorRuntime”)-> 注意方法和函数调用的区别

 

  • 函数声明: async function foo() {}
  • 函数表达式: const foo = async function() {}
  • 对象的方式: let obj = { async foo() {} }
  • 箭头函数: const foo = async () => {}

 

 

 

关于$wx,也就是封装的Promise方法,类似这样的

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
//ES6   
    const $wx = url => {
      return new Promise((resolve, reject) => {
        wx.request({
          url,
          method: 'GET',
          header: {
            "content-type": "application/json"
          },
          success(res) {
            resolve(res)
          },
          fail(err) {
            reject(err)
          }
        })
      })
    }
 
//ES5
    function $wx(url){
      return new Promise((resolve, reject) => {
        wx.request({
          url,
          method: 'GET',
          header: {
            "content-type": "application/json"
          },
          success(res) {
            resolve(res)
          },
          fail(err) {
            reject(err)
          }
        })
      })
    }

  

微信小程序原生不支持async/awit,类似支持的平台有wepy,uni-app等框架....

posted @   Sunsin  阅读(9776)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 25岁的心里话
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示