函数式触发click和点击触发click在宏任务与微任务方面的区别

白纸一样

于 2022-08-03 09:21:28 发布

阅读量706

点赞数 2

文章标签： javascript 前端 chrome chrome devtools

本文链接：https://blog.csdn.net/qq_45670042/article/details/126133348

版权

本文探讨了函数式触发click和点击触发click在JavaScript中的宏任务与微任务执行顺序差异。点击触发时，事件监听器在调用栈清空后按微任务顺序执行；而函数调用时，由于调用栈未清空，事件监听器在同一宏任务中连续执行。

摘要由CSDN通过智能技术生成

用例：

// 先通过点击执行
  var btn = document.querySelector('#btn')
  btn.addEventListener('click', ()=>{
   
    Promise.resolve().then(()=>console.log("Microtask 1"));
    console.log

最低0.47元/天解锁文章