小程序onLaunch 与 onload 的异步问题(微信,支付宝实测可用)

小程序app.js 中 onLaunch 与 index.js 中 onload 的异步执行问题 ， 在同时触发的情况下 如何等待返回值而响应index中 onload的内容

比如说 获取用户的openid或者凭证 在没返回需要的数据之前 index.js 的 onload会执行 从而导致后续的代码没有openid的支持 *
ES6中提供了一个promise方案是一个不错的解决方案

promise下载地址

将压缩版本的源码直接复制出来 在小程序中创建一个promise.js的文件 直接粘贴进去 然后在app.js中引用

const Promise = require('utils/promise.js');

 

APP.js 中的代码

将你本来写在 onLaunch 中的代码片段拿出来 重新写一个方法

login:function(){
    let that = this;
    return new Promise(function (resolve, reject) {
      // 登录
      wx.login({
        success: res => {
          // 发送 res.code 到后台换取 openId, sessionKey, unionId
          if (res.code) {
            // console.log('获取用户登录凭证：' + code);
            // ------ 发送凭证 ------
            /*
            * 通过code获取登录session
            */
            wx.request({
              url: 'xxx/login?code=' + res.code,
              method: 'GET',
              header: {
                'content-type': 'application/json'
              },
              success: function (res) {
                console.log(res)
                if (res.statusCode == 200) {
                  // 注意这里
                  resolve(res);
                } else {
                  console.log(res.errMsg)
                }
              },
            })
          } else {
            console.log('获取用户登录失败：' + res.errMsg);
          }
        }
      })
    })
  }

index.js 中的代码

onLoad: function (options) {
    app.login().then(res=>{
      console.log(res)
    })
},