将Promise.then中的值直接return出来调用

将Promise.then中的值直接return出来调用

需求:定义一个 getGoodsList 函数,在里面执行异步操作,然后取得 Promise.then 中的值并 return 出来,以便在别的地方使用该返回值。

初始代码:

将Promise.then中的值直接return出来调用

添加一个Promise时,例如列表返回使用this is goodslist代替!!!


将Promise.then中的值直接return出来调用

分析:最直接的原因,getGoodsList 函数没有返回值,所以是 undefined。里面的 return 语句是写在箭头函数里的,所以箭头函数的 return 不是 getGoodsList 函数的。

没有返回正确的值时:

将Promise.then中的值直接return出来调用

原因:同步和异步的问题,「无法在当前获得未来的值」。前面声明了 result,而后面对它的赋值发生在异步操作中。

最终方法:不可能实现直接将 Promise.then 中的值 return 出来。正确的使用方式只能是:return 出 Promise 对象,然后在 .then 的执行体中处理异步请求得到的值(或者用 async/await)。

1、 返回 Promise 对象

将Promise.then中的值直接return出来调用


2、 使用 .then 处理返回的数据

将Promise.then中的值直接return出来调用


3、使用 async/await 处理返回的数据

将Promise.then中的值直接return出来调用


4、实战代码
将异步请求封装成一个方法,并 return 异步请求结果给变量

将Promise.then中的值直接return出来调用

字数不够,废话来凑!!!字数不够,废话来凑!!!字数不够,废话来凑!!!字数不够,废话来凑!!!字数不够,废话来凑!!!字数不够,废话来凑!!!字数不够,废话来凑!!!字数不够,废话来凑!!!字数不够,废话来凑!!!

原文始发于微信公众号(Front小思):将Promise.then中的值直接return出来调用

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容