代码之家 › 专栏 › 技术社区 › ctf0

解析嵌套承诺后运行函数

promise javascript

ctf0 · 技术社区 · 6 年前

我有一个实用函数,用于检查indexeddb中的项目并使其无效

invalidateCache() {
    let now = Date.now()

    return keys(cacheStore).then((keys) => { // 1st
        keys.map((key) => {
            return this.getCachedResponse(key).then((item) => { // 2nd
                if (item.expire < now) {
                    this.deleteCache(key)
                }
            })
        })
    }).catch((err) => {
        console.error(err)
    })
}

现在,我需要确保第二个承诺已经解决,然后才能链接到另一个函数,就像这样

this.invalidateCache().then(() => { // 2nd promise has finished its work
    // check the db
    this.getCachedResponse()
        .then((res) => {
            if (res) {} // item is not expired
            else {} // make http request

但不幸的是 this.invalidateCache().then(() 解析为第一个承诺,而不是嵌套的。

那么,如何在嵌套 2nd 许诺

1 回复 | 直到 6 年前

ctf0 6 年前

您需要使用 Promise.all 等待所有承诺:

 return keys(cacheStore).then((keys) => { // 1st
    return Promise.all(keys.map((key) => {
        return this.getCachedResponse(key).then((item) => { // 2nd
            if (item.expire < now) {
               return this.deleteCache(key)
            }
        })
    }));
})

使用 async / await :

 async invalidateCache() {
   const now = Date.now()

   const keys = await getKeys(cacheStore);

   await Promise.all(keys.map(key => this.expireKey(now, key)));
 }

 async expireKey(time, key) {
     const item = await this.getCachedResponse(key);
     if(item.expire < time) 
        this.deleteCache(key);         
 }

推荐文章

Gourav Srivastava · 我应该如何使用回调来获得期望的结果?

2 年前

tomography · 更改承诺类型

2 年前

Aristocles · 许诺抛出错误后是否继续执行所有提取?

2 年前

Centurion22 · 异步函数内的异步映射函数未定义响应数据

2 年前

Scott Thiessen · 完成后逃离承诺链[重复]

6 年前

adcomptyler · 向Twilio视频快速启动添加静音按钮

6 年前

JWiley · 带有FileReader的Promise函数过早解析

6 年前

John Lippson · 在所有异步函数完成后执行函数?

6 年前

cody · NodeJS eventloop执行顺序(process.nextTick和promise)

6 年前

ctf0 · 解析嵌套承诺后运行函数

6 年前