The order of Task & MicroTask execution is inconsistent with browser #17181

function func1(i){
      return new Promise((resolve,reject)=>{
          setTimeout(()=>{
               console.log("func1: ",i)
               resolve(true)
            },1000)
  })
}

async function func2(i){
        await func1(i)
        console.log("func2:",i)
}

function test(){
      for(var i=0; i<5; i++){
          func2(i)
         console.log("loop:",i)
      }
}

test();

loop: 0
loop: 1
loop: 2
loop: 3
loop: 4
func1:  0
func2: 0
func1:  1
func1:  2
func1:  3
func1:  4
func2: 1
func2: 2
func2: 3
func2: 4

loop: 0
loop: 1
loop: 2
loop: 3
loop: 4
func1:  0
func2: 0
func1:  1
func2: 1
 func1:  2
func2: 2
func1:  3
func2: 3
func1:  4
func2: 4