原生小程序使用 async await 并且 this 不丢失

最新推荐文章于 2024-08-30 14:31:36 发布
最新推荐文章于 2024-08-30 14:31:36 发布
阅读量507 收藏
点赞数
分类专栏： 经验分享
本文为博主原创文章，转载请注明出处
本文链接：https://blog.youkuaiyun.com/qq_16108191/article/details/106739167
版权
博主分享了在原生小程序中使用 async await 时如何避免丢失 this 的方法，即在 function 内部定义立即执行函数并外部保存 this。同时，推荐使用 Taro 框架来更好地解决此类问题，并邀请读者加入其小程序交流群进行讨论。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

我是一名独立开发者, 接小程序外包
欢迎加入我的小程序交流群 wx: guzhan321 备注:小程序

我的方法是在 function 函数内部定义立即执行函数 , 在立即执行函数之外保存 this

Page({
   
    login: function() {
   
        let that = this;
        // 可以享受异步同步写法
        ;(async()
最低0.47元/天 解锁文章
实现 async/await
liuhao9999的博客
05-30 190
const toAsync = (fn) => { return function() { const gen = fn.apply(this. arguments) return new Promise((resolve, reject) => { function go(key, arg) { let res try { res = gen[key](arg) } catch.
微信小程序图片拖动，缩放canvas裁剪2，3，4，6，9宫格圆角裁剪加边框切图工具
dreamimport的博客
02-24 59
details.wxml details.wxss details.js details.json details.wxs scale.wxs 工具组件 1.toolsCons.wxml 2.toolsCons.wxss 3.toolsCons.js 4.toolsCons.json 5.border.wxs 6.move.wxs
this/async await/vue生命周期-----小总结
L_JH6666的博客
01-05 995
this 的指向有哪些？ 1、普通函数中的this指向window 2、定时器中的this指向window 3、箭头函数没有this,它的this指向取决于外部环境、 4、事件中的this指向事件的调用者 5、 构造函数中this和原型对象中的this,都是指向构造函数new 出来实例对象 6、类 class中的this 指向由constructor构造器new出来的实例对象 7、自调用函数中的this 指向window async await 是什么？它有哪些作用？ async aw
input type button 的value后台获取_使用 async/await 获取弹出框交互结果
weixin_39615984的博客
12-01 255
利用async/await 关键字，我们可以优雅的处理异步逻辑。比如调用网络接口可以直接await fetch(……)事实上，在处理页面交互逻辑时使用async/await，也可以起到很好的解耦作用，写出更清晰的代码。比如获取Modal弹框的交互结果：使用方式示例后台系统在交互设计上经常使用模态弹框。很多UI框架都提供了方便易用的Modal组件，比如Ant design：A UI Design L...
ES8：async和await关键字（附：函数中的this的对象，函数的大括号作用域，都是this对象的作用范围）
qq_38969618的博客
11-12 2250
1. 函数的调用：就是执行函数体。 函数调用语法： 异步函数和普通函数的调用，都是直接加括号调用。 函数中的this对象：指向当前对象（当前调用函数的对象）！它直接指向内存地址，必定是一个引用类型（即永远指向对象） 2.async关键字：声明一个函数为异步函数，跟普通函数唯一特殊之处：该函数会返回1个promise对象。 <script> ...
小程序中使用async和await
焦虑的博客
06-19 316
低版本微信保险起见，建议还是引用 regenerator-runtime 在miniprogram文件夹下创建utils文件夹，将runtime.js文件复制到utils文件夹下 在需要用到async和await的页面的js文件中引入 这个名字必须是regeneratorRuntime import regeneratorRuntime from "../../utils/runtime.js" ...
JavaScript 知识：this、apply/call/bind、Promise、async/await、HTTP 库 Axios
freeking101的博客
08-30 1533
JavaScript 知识：this、apply/call/bind、Promise、async/await、HTTP 库 Axios
微信小程序的云开发和云函数使用
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
08-03 2609
云开发（Tencent CloudBase）是腾讯云为开发者提供的一个云端一体化的产品，支持微信小程序、Web 应用等多种前端平台。云开发提供了云函数、数据库、存储等基础服务，让开发者无需关注复杂的后端搭建过程即可快速构建应用。云函数是云开发中的一个核心组件，它允许开发者编写 Node.js 函数，并在特定的触发条件下运行这些函数。云函数可以用于处理业务逻辑、数据存储、消息推送等各种场景。通过以上的内容，我们不仅了解了云开发的基本概念和云函数的作用，还学习了如何在微信小程序中创建和使用云函数。
uni-app优乐购商城小程序搭建
L1311621的博客
06-18 851
uniapp是一框强大的框架，在学习的过程中受到了很多的启发，希望我这篇文章能对一些有需要的人获得帮助，在此我也给大家分享一些在学习中受到的启发，学习uniapp需要多多练习，通过多次的练习来不断提高自己的技术水平，在学习的过程中也要多思考问题，找到适合自己的学习方式，来帮助自己更加高效的学习。点击我的页面中的全部订单 待付款 代收款 会跳到另一个页面，需要渲染数据 ，需要请求接口，接口里面传的参数值为type 他为number类型 所以我们得到type之后 需要将他进行一个数据类型转换。
js 前端 异步 async await promise resolve reject generator yield setTimeout 请求 原理 面试
cuandeqin2083的博客
03-29 636
最近在写【重拾前端】系列，下面有几个快速通道，大家自取 【重识前端】原型/原型链和继承 【重识前端】闭包与模块 【重识前端】全面攻破this 【重识前端】一次搞定JavaScript的执行机制 【重识前端】什么是BFC、IFC、GFC 和 FFC 【重识前端】深入内存世界 【重识前端】暴走的异步编程 前言 老规矩，还是先了解一下什么是异步。异步其实是一个相对比较高级的一个概念。 通常来说，程序都是顺序执行，同一时刻只会发生一件事。如果一个函数依赖于另一个函数的结果，它只能等待那个函数结束才能继续执行，从用户
微信小程序——异步请求使用async/await实现同步
wct040923的博客
07-21 1万+
在小程序的开发中，我们知道网络请求wx.requset是一个异步请求的API，当我们使用它时，会出现请求还没有结束，我们下面写的处理数据的代码就已经执行了从而导致了我们写的程序出现问题，那么我们该怎么解决这个问题呢？今天我们用async/await来实现一下吧。
async小程序中支持es7的async语法
笑到世界都狼狈的博客
02-28 365
es7的async号称是解决问题的最终方案 1.在小程序开发工具中，勾选es6转es5语法 2.下载facbook的regenerator库中的 https://github.com/facebook/regenerator/blob/master/packages/regenerator-runtime/runtime.js 3.在小程序目录下新建文件夹lib/runtime/runtime.js,将代码拷贝进去 4.在每一个需要使用async语法的页面js中，都引入（不能全局引入） im
小程序里使用async和await变异步为同步，解决回调地狱问题
编程小石头
05-29 3529
最近好多同学，学习完石头哥的云开发基础以后，自己实际项目中，总会遇到各种各样的异步问题。 一,异步问题 所谓异步：就是我们请求数据库的数据时，由于网速等各方面原因，数据返回的时间不确定，而我们要使用这些数据，就要等数据返回成功后才可以使用，否则就会报错。 1-1，问题描述 如下： 好多同学都会认为代码从上往下执行，会先执行请求成功，然后才会执行第11行的代码，商品个数也应该是2. 但是我们的第11行打印却是0.这是为什么呢。 这个错误的原因就是我们使用数据没有写在请求成功里面。正确数据请求返回是异步的，什
小程序如何支持使用 async/await
weixin_30505751的博客
09-10 1126
前言 小程序本身是不支持async/await语法的，但有些应用场景，我们使用async/await会使得代码更简洁，也更易于维护，用过都知道是有多爽的。既然小程序不支持，那我们可以借助 fackbook 开源的 regenerator 来完成这一功能。 前面我也百度过一些方法，但很多方法都行不通，只能从其中找到一些线索，再加上实践来验证，最后在这里记录下成功的解决方法。 准备工作 ...
微信小程序入门与实战之缓存机制与异步API的async和awai
Lbsssss的博客
10-08 1680
App.js写逻辑内容，内置有函数，有三大作用1、判断用户以什么方式进入小程序2、获取用户信息3、定义全局数据每个小程序都需要在 app.js 中调用 App 方法注册小程序实例，绑定生命周期回调函数、错误监听和页面不存在监听函数等。
解决前端开发过程中this绑定丢失的问题
weixin_43263355的博客
08-04 890
问题提出 在前端开发过程中，如果函数嵌套过多，非常容易出现this的上下文隐式丢失的问题。例如下面的代码，代码中的html部分请见附录。 <script> export default { name: "listapp", data() { return { studentList: [] }; }, mounted: function() { this.$axios .get("../js
微信小程序中await的用法
FarryNiu的博客
07-08 5167
微信小程序中await的用法和示例
微信小程序之async/await
热门推荐
不爱修图的摄影爱好者
12-27 1万+
解决新版本的微信小程序开发工具中不再拥有增强编译这一选项，这样导致在需要用到async/await的时候，出现报红。
redis存储token
最新发布
03-18
### 如何使用 Redis 存储和管理 Token 的最佳实践 #### 使用 Redis 存储 Token 的核心概念 Redis 是一种高性能的键值存储数据库，非常适合用于缓存和会话管理场景。通过将 Token 存储到 Redis 中，可以显著提升系统...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值