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

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测试的)
 

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

Logo

鸿蒙生态一站式服务平台。

更多推荐