Promise { <pending> } 即使在到达 then() 块后也会出错 [重复]

Question

我正在使用 nodejs 和 mongodb 开发一个小型购物网站。我已经能够从我的数据库中存储和检索数据。但是，我无法让这个应该从用户购物车中检索产品的特定功能工作。产品被检索到 then() 块中，但是当我尝试通过在产品中执行某些操作来返回或打印产品时，我得到的输出为 Promise { pending }。

在将此问题标记为重复之前（不是，但如果您认为是），至少帮我解决这个问题。

const productIds = this.cart.items.map(eachItem => {
    return eachItem.pid;
});  //to get product IDs of all the products from the cart
const cartData = db.collection('products') //db is the database function and works fine
    .find({_id: {$in: productIds}})
    .toArray()
    .then(products => {
        console.log(products); //all the products are printed correctly
        products.map(eachProduct => { 
            return {
                ...eachProduct,
                quantity: this.cart.items.find(eachCP => {
                    return eachCP.pid.toString() === eachProduct._id.toString()                            
                }).quantity //to get the quantity of that specific product (here eachProduct)
            };
        })
    })
    .catch(err => {
        console.log(err);
    });
console.log('cartData: ', cartData); //but here it prints Promise /{ pending /}

我不明白为什么我得到 Promise { } 作为输出，尽管我在 then() 块中成功地从数据库中获取了数据。 抱歉，顺便说一句凌乱的代码。我是 mongodb 新手，对 Promise 也不太了解。

Answer 1

Promise#then 不会“等待”，因为程序中的下一条语句将延迟到承诺完成。

它“等待”只是因为你传递给then 的回调的执行被延迟到承诺完成。

但是您当前的功能（设置then 的功能）不会阻塞并会立即继续运行。这意味着您传递给 then 的函数之外的所有内容都可能会看到仍处于未完成状态的 Promise。

您可能想要使用async/await 构造，如链接的重复线程中所述（例如）。