宏任务和微任务、事件循环、面试题

一.JavaScript是单线程的,也就是说,同一个时刻,JavaScript只能执行一个任务,其他任务只能等待。

二.为什么JavaScript是单线程的

js是运行于浏览器的脚本语言,因其经常涉及操作dom,所以设置为单线程操作。如果是多线程的,也就意味着,同一个时刻,能够执行多个任务。试想,如果一个线程修改dom,另一个线程删除dom,那么浏览器就不知道该先执行哪个操作。所以js执行的时候会按照一个任务一个任务来执行。

三. 为什么任务要分为同步任务和异步任务

试想一下,如果js的任务都是同步的,那么遇到定时器、网络请求等这类型需要延时执行的任务会发生什么?

页面可能会瘫痪,需要暂停下来等待这些需要很长时间才能执行完毕的代码

所以,又引入了异步任务。

  • 同步任务:同步任务不需要进行等待可立即看到执行结果,比如console
  • 异步任务:异步任务需要等待一定的时候才能看到结果,比如setTimeout、网络请求

四.事件循环

浏览器本身是⼀个复杂的系统,它要做的事情⾮常多,例如: 执⾏js代码,请求图⽚资源,解 析css,渲染⻚⾯,响应⿏标的点击等等。在实现层⾯,浏览器内部会⽤不同的功能模块去完成不同的 事情。这些不同的模块就体现为进程。

进⼀步把进程进⾏划分:

1.主进程。⽤来协调控制其他⼦进程。2.GPU进程。⽤于3D绘制等。3.渲染进程。就是我

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
好的,下面是一个宏任务微任务相关的面试题。 1. 什么是宏任务微任务? 答:宏任务微任务JavaScript 引擎用来管理异步任务的两种机制。 宏任务指的是在 JavaScript 引擎中排队等待执行的任务,这些任务通常是由浏览器或 Node.js 等宿主环境提供的,如定时器、事件回调等。 微任务指的是在当前任务执行完毕后需要立即执行的任务,这些任务通常是由 Promise 和 MutaionObserver 提供的,如 Promise.then()、Promise.catch()、Promise.finally() 和 MutationObserver。 2. 宏任务微任务的执行顺序是怎样的? 答:宏任务微任务执行顺序是不同的,它们都有自己的队列,而且微任务的优先级比宏任务高。 当一个宏任务被执行时,会先执行完所有的微任务,然后再继续执行下一个宏任务。如果在执行微任务的过程中产生了新的微任务,那么这些新的微任务会被插入到当前微任务队列的末尾,等待下一次执行。 举个例子:假设当前有一个宏任务 A,它包含三个微任务 X、Y 和 Z。当宏任务 A 被执行时,会先执行微任务 X,然后执行微任务 Y,最后执行微任务 Z,如果在执行微任务 Y 的过程中又产生了一个新的微任务 W,那么它会被插入到当前微任务队列的末尾,等待下一次执行。 3. 如何利用宏任务微任务实现异步操作? 答:可以使用 Promise 和 async/await 来利用宏任务微任务实现异步操作。 例如,使用 Promise 来发起一个异步请求: ```javascript function fetchData() { return fetch('https://api.example.com/data') .then(response => response.json()) .then(data => { console.log('data:', data); }) .catch(error => { console.error('error:', error); }); } ``` 在这个例子中,fetchData 函数返回一个 Promise 对象,当这个 Promise 对象被 resolve 时,会执行一系列的微任务,包括打印数据到控制台。如果发生错误,会执行一个 catch 微任务。 另外,可以使用 async/await 来简化异步操作: ```javascript async function fetchData() { try { const response = await fetch('https://api.example.com/data'); const data = await response.json(); console.log('data:', data); } catch (error) { console.error('error:', error); } } ``` 这个例子中,使用 async/await 来编写异步代码,fetchData 函数会等待 fetch 请求的结果,在结果返回后再执行后续操作。如果发生错误,会抛出一个异常,可以通过 try/catch 块来处理。在执行 async 函数时,会创建一个微任务队列来管理异步操作,确保异步操作的执行顺序正确。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值