javascript - f()函数中有个promise函数,f()函数如何返回promise中返回的结果?
黄舟
黄舟 2017-04-11 11:13:46
[JavaScript讨论组]

我在一处地方要调用 logInWidthMobilePhone(),想要获取signUpOrlogInWithMobilePhone中的返回结果,但是logInWidthMobilePhone返回的始终是undefined:

export default{

    logInWidthMobilePhone(phone, code) {
            leanStorage.User.signUpOrlogInWithMobilePhone(phone, code).then((success) => {
                // 成功
                return success
            }, (error) => {
                // 失败
                return error
            });
    }

}

请问我该怎么实现?

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(3)
天蓬老师

最直接的原因,logInWidthMobilePhone 没有返回值,所以是 undefined。里面的两个 return 语句都是写在箭头函数里的,所以是箭头函数的 return 不是 logInWidthMobilePhone 的。

在异步函数调用完成之前你没法返回它的结果。所以对于异步函数,一般只有两种方案可选

  1. 返回 Promise

  2. 传入一个 callback 参数

当然我比较推荐返回 Promise 的方案

export default {
    logInWidthMobilePhone(phone, code) {
        return new Promise((resove, reject) => {
            leanStorage.User.signUpOrlogInWithMobilePhone(phone, code)
                .then((success) => {
                    // 成功
                    resolve(success);
                }, (error) => {
                    // 失败
                    resolve(error);
                    // 实际上这里用 reject 比较好,但按你的逻辑应该用 resolve
                });
        });
    }
};

这样一来,其实不如就简单的返回 signUpOrlogInWithMobilePhone 的结果,即

export default {
    logInWidthMobilePhone(phone, code) {
        return new Promise((resove, reject) => {
            return leanStorage.User.signUpOrlogInWithMobilePhone(phone, code);
        });
    }
};

如果使用 ES7 语法,可以用 async/await 来处理简化外部的代码,具体参考“[从地狱到天堂,Node 回调向 async/await 转变](https://segmentfault.com/a/11...”


如果你想使用回调的方式,也差不多,就是给 logInWidthMobilePhone 多定义一个 callback 参数,在里面 return 的地方调用即可。

怪我咯

里面的函数leanStorage 要使用return返回Promise, 而且这个函数本身也要使用return返回;这样logInWidthMobilePhone的结果也是一个Promise.

logInWidthMobilePhone(phone, code) {
    return leanStorage.User.signUpOrlogInWithMobilePhone(phone, code)
      .then((success) => {
         // 成功
         // 做点其它事情...on success
         return Promise.resolve(xxx)
      });
   }
巴扎黑

return 一下试试

logInWidthMobilePhone(phone, code) {
  return leanStorage.User.signUpOrlogInWithMobilePhone(phone, code).then((success) => {
    return success
  }, (error) => {
    return error
  })
}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号