美文网首页
事件循环

事件循环

作者: bestCindy | 来源:发表于2020-08-08 19:25 被阅读0次

    ES 语言是一种标准
    JS 语言是按照 ES 标准的实现,JS 语言包括 ES 和 web api(DOM BOM), 浏览器是 JS 语言运行的宿主环境
    NodeJS 也是 ES 标准的实现,包括 ES 和 node api,宿主环境就是 node

    执行栈:每执行一个函数,会创建执行环境,然后把执行的环境加入到执行栈。执行完成后,销毁执行环境,也就是出栈

    异步函数:某些函数不会立即执行,需要等到某个时机到达后才会执行,这样的函数称之为异步函数。异步函数的执行时机,会被宿主环境控制

    浏览器宿主环境中包含 5 个线程
    1、JS 引擎:负责执行执行栈最顶部的代码
    2、GUI 线程:负责渲染页面
    3、事件监听线程:负责监听各种事件
    4、计时线程:负责计时
    5、网络线程:负责网络通信

    当上面的线程发生了某些事情,如果该线程发现,这件事情有处理程序,它会将该处理程序加入一个叫做事件队列的内存。当 JS 引擎发现,执行栈中已经没有了任何内容后,会将事件队列中的第一个函数加入到执行栈中执行

    JS 引擎对事件队列的取出执行方式,以及与宿主环境的配合,称之为事件循环

    事件队列在不同的宿主环境中有所差异,大部分宿主环境会将事件队列进行细分。在浏览器中,事件队列分为两种

    • 宏任务(队列):macroTask, 计时器结束的回调,http 回调等等绝大部份异步函数进入宏队列
    • 微任务(队列):microTask,MutationObserver,Promise 产生的回调进入微任务队列

    当执行栈清空时,JS 引擎会首先将微任务队列中所有的任务一次执行结束,如果没有微任务,则执行宏任务

    相关文章

      网友评论

          本文标题:事件循环

          本文链接:https://www.haomeiwen.com/subject/vxwqdktx.html