关于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定义方法,该方
场景:页面渲染数据想异步获取,封装了一个函数
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测试的)
避免再次踩坑,记录一下,当然肯定有其他解决方案实现我这个场景,下次测试了再记录!
更多推荐
所有评论(0)