por favor, eche un vistazo al código de golpe

 const btn = document.createElement('button'); btn.innerText = 'button' document.body.appendChild(btn) btn.addEventListener('click', () => { setTimeout(() => { console.log('step1'); },0) Promise.resolve().then(() => { console.log('step2') }) }) btn.addEventListener('click', () => { setTimeout(() => { console.log('step3'); },0) Promise.resolve().then(() => { console.log('step4') }) })

cuando hago clic en el elemento Botón, puedo ver lo que esperaba como golpe

"paso2" "paso1" "paso4" "paso3"

pero el resultado de la consola es diferente al golpe

"paso2" "paso4" "paso1" "paso3"

No entiendo por qué ocurre esto. dame alguna respuesta por favor