JS运行的环境叫宿主环境
执行栈:call stack,一个数据结构,用于存放函数的执行环境,没一个函数执行之前,他的相关信息会加入到执行栈。函数调用之前,创建执行环境,然后加入到执行栈,函数调用之后,销毁执行环境
JS执行引擎永远执行栈的最顶部
异步函数:等到时机到了在执行,比如事件处理函数。异步函数执行的时机,会被宿主环境控制。
浏览器宿主环境中有5个线程:
1.JS引擎:负责执行执行栈的最顶部代码
2.GUI线程:负责渲染页面
3.事件监听线程:负责监听各种事件
4.计时线程:负责计时
5.网络线程:负责网络通信
当上面的线程发生了某些事情,如果该线程发现,这件事情有处理程序,他会将该程序加入到一个事件队列的内存。当JS引擎发现,执行栈中已经没有任何内容后,会将事件队列的第一个函数加入到执行栈中执行。
JS引擎对事件队列的去除执行方式,以及与宿主环境的配合,称之为事件循环。
JS中是否可能有一个函数,执行过程被其他函数打断?
不可能
Promise构造函数传递的函数会被立即执行。
resolve调用后,把任务标记为成功,可以通过Promise对象的then函数注册处理程序,该程序会在任务标记成功后执行,该函数的执行时异步的。
事件队列在不同的宿主环境中会有所差异,大部分宿主环境会将事件队列进行细分。在浏览器中事件队列分为两种:
-宏任务(队列):计时器结束的回调,事件回调等等大多数异步函数
-微任务(队列):Promise产生的回调
当执行栈清空后,JS引擎会将微任务先依次全部执行后,在执行宏任务。
下面的代码解读一下下:
A先进入宏队列等待,然后B,C直接执行并标记成功,B进入微队列,然后运行E,然后运行微队列中的D然后运行宏队列中的A;完美。
加一点点难度
会先输出宏队列的A 然后在输出宏队列的C 然后F到微队列然后输出F
下图输出CDFEAB