JS异步-进阶

2021年3月21日 13点热度 0条评论 来源: binbinbox

1.请描述event loop(事件循环、事件轮询)的机制,可画图?

①.js是单线程的,异步要基于回调来实现,event loop(事件循环/事件轮询)就是异步回调的实现原理。

首先我们需要明白js是如何执行的:从前到后,一行一行执行,如果某一行执行报错了,则停止下面代码的执行,先将同步代码执行完毕,再执行异步代码。

根据上图所示,event loop的执行原理如下:

(1)同步代码,一行一行执行,是放在call stack(调用堆栈)中执行的
(2)遇到异步代码,先记录下在web API中,等待时机(定时、网络请求等)
(3)时机到了,就移动到callback queue(回调队列)中
(4)如果 call stack 为空(即同步代码执行完毕) event loop 开始工作
(5)轮询查找 callback queue, 如有则移动到call stack执行
(6)然后继续轮询查找,直到完成

②.DOM事件 和 event loop
js是单线程的
异步(setTimeout、ajax等)使用回调,是基于event loop的
DOM事件也使用回调,也基于event loop

2.什么是宏任务和微任务,两者有什么区别?

3.promise有哪三种状态?如何变化

4.async/await ?

5、event loop 和 DOM渲染

    原文作者:binbinbox
    原文地址: https://blog.csdn.net/binbinbox/article/details/115052871
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。