微信小程序的同步异步解决方案

最新推荐文章于 2024-06-18 21:29:11 发布

Mr丶ZhangBo

最新推荐文章于 2024-06-18 21:29:11 发布

阅读量5.1w

点赞数 5

分类专栏：微信小程序文章标签：异步解决方案 Promise 微信小程序事件执行顺序

本文链接：https://blog.csdn.net/m0_37992327/article/details/70258302

版权

在微信小程序开发中遇到登录时由于程序异步执行导致的报错问题。文章探讨了微信小程序的异步执行特性，指出当函数未等待前一步返回参数时，后续函数就可能错误启动。为解决这个问题，作者提到了JavaScript中的Promise，但注意到微信小程序新版本不再支持Promise，需要引入第三方库。虽然尝试了一些现有的解决方案，但作者决定自行寻找更合适的处理方式。

摘要由CSDN通过智能技术生成

最近一段时间写微信小程序大家或许注意到了有些时候在登录的时候莫名其妙的报错了,然后就开始一路找bug之路,每次console.log都没问题都有数据啊,但是就是报错,这时候用断点调试法发现,上一步的函数体还没有执行完毕呢,下一个函数就开始执行了,但是呢下一步的函数还必须需要上一步返回的参数不可,百度了一下才知道那是因为微信小程序是异步执行的,两个函数同时执行谁也不等谁,这里如果有兄弟不明白同步和异步的话可以百度一下就知道了,这时候必须要使用javascript的函数Promise,但是呢微信小程序增加ES6的promise特性支，微信小程序新版本中移除了promise的支持，需要自己使用第三方库来自行实现ES6的promise特性,网上有第三方自己造的轮子,但是我用了以后我就后悔了,真的是一脸懵懂啊,想了想算了,快算了自己想个办法吧,

asyncFunc1(function(){
  //...
  asyncFunc2(function(){
    //...
    asyncFunc3(function(){
      //...
      asyncFunc4(function(){
        //...
        asyncFunc5(function(){
           //...
        });
      });
    });
  });
});

上面的代码应该是你想要的执行顺序吧,但是感觉太难看了,所以我想了一个笨办法,什么话都没有上代码

    // 这是app.js的getUserInfo方法
    getUserInfo: function(cb) 
    {
        var that = this
        if(this.globalData.userInfo)
        {
            typeof cb == "function" && cb(this.globalData.userInfo)
        }else 
        {
            // 调用登录接口
            wx.login({
                success: function(res)