等待带有异步等待的 foreach 结束

Question

我正在寻找一种方法来检测我的 forEach 的所有元素何时都已被处理。

这是我使用的代码，并且按预期工作。所有 renderItem(item) 都是异步执行的。

但我想检测它们什么时候完成。

$.each(result, async function (index, item) {
    await renderItem(item);
});

我尝试了以下Best way to wait for .forEach() to complete

基本上我是这样做的：

var bar = new Promise((resolve, reject) => {
    $.each(result, async function (index, item) {
        await renderItem(item);
    });
});

bar.then(() => {
    console.log('All done!');
});

但我没有得到 console.log('All done!'); 我做错了什么吗？ 有没有更好的方法来实现这一目标？