宏任务和微任务之点击事件的不同

<script>
        button.addEventListener('click',()=>{
            console.log('listener1');
            Promise.resolve().then(()=>console.log('micro task1'))
        })
        button.addEventListener('click',()=>{
            console.log('listener2');
            Promise.resolve().then(()=>console.log('micro task2'))
        })
        button.click(); // click1() click2()
</script>

上面是让浏览器自动执行，没有点击，那就是打印出 listener1 ,listener2,micro task1,micro task2，走微任务

如果换成是点击的就是listen1,micro task1,listen2,m2 就是走宏任务了