微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

关于async/await使用retrun的问题

场景:页面渲染数据想异步获取,封装了一个函数

async func(v) {
    let list = await get(url)
    return list[v]
}

然后调用 func 重新渲染数据,结果页面没有内容出来( 使用场景 this.text = func(v) )

后来打印(console.log(this.text))发现 返回是一个promise对象

这时候才知道 :

使用 async 定义方法,该方法会返回一个Promise对象

如果返回结果为非Promise对象,则返回一个PromiseState为fulfilled,PromiseResult为返回结果的Promise  (我的使用场景是这种)

如果返回结果为一个Promise,则返回这个Promise对象

这时候就是关于promise相关知识学习

Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是Promise这个名字的由来,它的英语意思就是“承诺”,表示其他手段无法改变。

这时候可以看到,async 函数返回的对象是一个状态为已完成的对象(我测试场景中发现这个现象,因为js本来就是一个链式对象,后面分步测试发现是promise比较快,所以状态改变了,加settimeout测试的)
 

避免再次踩坑,记录一下,当然肯定有其他解决方案实现我这个场景,下次测试了再记录!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐