微信小程序方法同步问题async-await

最新推荐文章于 2025-10-19 00:07:55 发布
原创 最新推荐文章于 2025-10-19 00:07:55 发布 · 2.3k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#小程序 #async #await #同步

本文介绍了两种解决微信小程序中async-await同步问题的方法。方法一是通过增强编译设置，去掉ES6转ES5，直接使用async-await。方法二是通过下载并引入runtime.js，确保在异步代码块中正确放置await关键字，避免错误。

方法一：
在小程序开发工具中选择【详情】，勾选【增强编译】，去掉【ES6转ES5】，可直接使用async-await；将版本切换时有些以前的写法可能会有问题。我第二次测试这个方法时没有报错，async-await可以正常使用（清缓存重新编译测试的）。
在这里插入图片描述
方法二：
下载runtime.js
链接：https://pan.baidu.com/s/1BFwv8U9Hda7sKPJy8-a8Nw
提取码：nssy

第二种下载方法：
官网https://www.npmjs.com/package/regenerator-runtime
用idea打开一个vue项目，在Terminal中运行npm i regenerator -runtime
在这里插入图片描述
在这里插入图片描述
然后在node_modules/regenerator-runtime文件夹中找到runtime.js。
vue项目也可以在控制台中创建，然后控制台定位到文件目录下运行npm i regenerator -runtime，百度一下如何创建新的vue项目，网上很多方法。

下载完js以后，将js放在一个目录中
在这里插入图片描述
在需要使用的页面引入js文件所在位置，注意 import后面的名字必须是

最低0.47元/天 解锁文章
微信小程序中使用 async/await的方法实例分析
11-21
本文实例讲述了微信小程序中使用 async await的方法。分享给大家供大家参考，具体如下： 微信小程序中有大量接口是异步调用，比如 wx.login()、wx.request()、wx.getUserInfo() 等，都是使用一个对象作为参数，并定义了 success()、fail() 和 complete() 作为异步调用不同情况下的回调。 但是，以回调的方式来写程序，真的很伤，如果有一个过程需要依次干这些事情： wx.getStorage() 获取缓存数据，检查登录状态 wx.getSetting() 获取配置信息， wx.login() 使用配置信息进行登录 wx.
精选资源
微信小程序中使用Async-await方法异步请求变为同步请求方法
01-03
微信小程序中有些 Api 是异步的，无法直接进行同步处理。例如：wx.request、wx.showToast、wx.showLoading等。如果需要同步处理，可以使用如下方法： 注意： Async-await方法属于ES7语法，在小程序开发工具中如果...
微信小程序不能使用async await的解决方案
大湿胸的博客
11-20 4312
1.下载regenerator-runtime库 http://nodejs999.com/regenerator-runtime.rar 然后将整个文件夹拷贝到小程序的utils文件夹中（可以是任意位置） 2.在需要使用async函数的地方引入js let regeneratorRuntime = require("../../utils/regenerator-runtime/run...
async 和await在微信小程序中什么时候用，什么时候不用？
最新发布
weixin_64160021的博客
10-19 1275
异步操作的天然特性：启动后不会等待其他操作，各自独立运行，可能乱序完成（比如 B 比 A 快）。顺序依赖的需求：当 B 需要 A 的结果、C 需要 B 的结果时，必须强制按 A→B→C 的顺序执行（后一步必须等前一步的结果）。的作用：用更简单的语法实现 “顺序依赖”，让异步代码的执行顺序看起来和同步代码一样清晰，避免乱序导致的错误。
微信小程序无法使用async await的问题
博哥的二进制世界
03-05 3325
微信小程序无法使用async await的问题背景解决方案 背景 在微信小程序使用async await，如 async getJobDetail() { const params = { employeeUserNo: wx.getStorageSync('employeeUserNo') || null, positionNo: this.positionNo, } const res = await JobApi.getJobDetailApi(para
小程序使用async await 将异步改为同步
weixin_43764828的博客
07-23 384
sleep() { return new Promise(resolve => { setTimeout(() => { console.log(‘finish’) resolve(“sleep”); }, 2000); }); }, async test() { let value = await this.sleep(); console.log(“object”); }, /** 生命周期函数–监听页面加载 */ onLoad: function (options) { this.tes
微信小程序 ———— 异步请求中使用async/await实现同步请求
Mickeymouse
05-05 3084
在小程序开发中，大多数都是在打开小程序在app.js中获取用户信息的，但是如果我们进到主页获取内容需要用到用户信息 比如用户id，那我们要怎么保证在进到主页时已经拿到了用户信息呢？ 最开始做小程序的时候 我用过各种笨方法，比如在主页写了个定时器，判断用户信息获取到了在停止定时器。虽然能解决，但是总觉得不爽。 后来发现了 Promise 配合 async/await 来实现异步中达到同步的效果...
微信小程序使用异步神器async-await
sinat_23336093的博客
06-01 856
前言 大家都知道为什么要使用，直接上干货 找到公共的util.js文件 const toAsync = function (names) { return (names || []) .map(name => ({ name, member: wx[name] })) .filter(t => typeof t.member === "function") .reduce((r, t) => { r[t.name].
微信小程序 异步转同步，promise，for循环加request异步解决方案
qq_31404277的博客
09-06 6619
问题：在使用for循环的同时，在内部使用wx.request发送get或者post请求，会导致异步请求存储数据。由于我对微信小程序的应用不是很熟练，并且微信小程序并不像vue那么好使。所以使用异步转同步的方式解决问题。 方案： 1，创建两个数组，这里分别是 user 和userHead data: { hotData: [], userHead: [], user: ...
小程序，解决代码同步执行问题
kzhzhang的专栏
05-07 1927
在做小程序的时候，是不是经常遇到这两种同步问题： 1.使用for循环，一个循环里面的操作还没结束，下一个循环就已经开始了。如果循环之间没有互相依赖，问题应该还不大，但是如果下一个循环的开始依赖于上一个循环的结果，那这一系列操作就会出现问题，比如画图： for (let index in images) { //每画一张图，都要在上一张图画结束才能开始，因为要计算画图位置 ctx.drawImage } 2.调用服务器接口访问数据、下载图片等，服务器还未返回数据，代码已经
async await未生效
weixin_44923449的博客
12-05 487
async await未生效 使用try catch 获取错误在生命周期中再加入async await
微信小程序同步请求问题总结
weixin_40404145的博客
10-18 2336
这几天在工作中遇到了一个这样的需求：在初始化一个对象的时候要给该对象传一个function（要求同步从后端请求并返回请求得到的值），这个难道了我一个干后端的，请假了几位前端大神无果准备自己干。如果有用请赞我、废话不说上代码： 1、场景: var obj = new object（a） a:function(){ wx.request({ url: url, ...
小程序uploadFile上传文件异步转同步的解决办法
qq_24369959的博客
08-03 6125
项目场景： 环境：微信小程序 框架：UniApp 问题描述： 上传图片方法使用async、await标记不能操作微信API同步文件上传操作 uni.chooseImage({ // 选择图片（异步） count: 4-that.profileImage.length, sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有 sourceType: ['album'], //从相册选择 success: async (res) =&
微信小程序async/await
hongxue8888的博客
02-28 596
async 函数 小程序中使用async需要引入facebook的 runtime.js async foo() { console.log('foo') return 1 }, console.log(this.foo()) 结果： 说明async是一个Promise对象。 async/await使用： async foo() { console.l...
微信小程序之数据的同步渲染
weixin_51474815的博客
09-07 2093
微信小程序怎么实现的数据同步渲染
微信小程序——异步请求使用async/await实现同步
热门推荐
wct040923的博客
07-21 1万+
在小程序的开发中，我们知道网络请求wx.requset是一个异步请求的API，当我们使用它时，会出现请求还没有结束，我们下面写的处理数据的代码就已经执行了从而导致了我们写的程序出现问题，那么我们该怎么解决这个问题呢？今天我们用async/await来实现一下吧。
微信小程序接口同步调用方法
sinat_40693969的博客
06-06 3360
微信小程序同步调用
微信小程序异步转同步的实现
frankxixu的专栏
02-19 5918
一、参考文档 https://blog.youkuaiyun.com/Cpath/article/details/79525893 二、login等原生方法转同步 （1）引入库 bluebird.js 文件地址 https://cdn.jsdelivr.net/bluebird/latest/bluebird.min.js （2）util.js var Promise = require('blu...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值