如何理解事件循环和JS的异步?
事件循环(消息循环)
1.在最开的时候,渲染主线程会进入到一个无限循环中。
2.每一次循环主线程都会检查MQ中是否存在任务。如果有,就取出第一个任务执行,执行完一个后进入下一次循环;如果没有,则进入休眠状态。
3.其他所有线程(包括其他进程的线程)可以随时向MQ中添加任务。新任务会被添加到MQ的末尾,在添加新任务时,如果主线程处于休眠状态,则会将其唤醒以继续循环拿去任务。
整个过程被称之为事件循环,也叫消息循环。
JS的异步
JS是一门单线程的语言。这是因为它运行在浏览器的渲染主线程中,而渲染主线程只有一个。渲染主线程承担着诸多工作,渲染页面、执行JS都在其中运行。
如果采用同步的方式,就极有可能导致渲染主线程产生阻塞,从而导致消息队列中的很多其他任务无法得到执行。这样一来,一方面会导致繁忙的渲染主线程白白消耗时间,另一方面导致页面无法及时更新,给用户造成卡死现象。
所以浏览器采用异步的方式来避免。具体做法是当某些任务发生时,比如:计时器、网络通信、事件监听。主线程会将这些任务交给其他线程去处理,自身立即结束任务的执行,转而执行后续代码。当其他线程完成时,会将事先传递的回调函数包装成任务,加入到消息队列的末尾排队,等待主线程调度执行。
在这种异步模式下,浏览器永不阻塞,从而最大限度保证了单线程的流畅执行。