forEach与await引发的血案

问题描述

前段时间在做需求的时候，遇到一个关于forEach和await的坑，记录一下。

在业务代码中存在一段很普通的同步循环逻辑

function handleValueSync(value) {
   
    console.log(value)
}

const list = [1, 2, 3, 4, 5, 6, 7, 8];

list.forEach((value)=>handleValueSync(value))

// 结果，1，2，3，4，5，6，7，8

某一天，需求突然产生变化,原本同步的 handleValueSync 方法变成了异步的，所以我在原先代码基础上进行了简单的修改：

function handleValueAsync(value) {
   
    if (value % 2 === 0) {
   
        Promise.resolve().then(()=>{
   
            console.log(`${
     value}`)
        }
        )
    } else {
   
        console.log(value)
    }
}

let list = [1, 2, 3, 4,