event loop 事件轮询机制

1，event loop（事件轮询/事件循环）

首先我们要知道 由于js是单线程的脚本，异步事件要基于回调来实现的
而event loop 就是异步回调的实现原理

1，js的执行顺序

从前到后，一行一行执行
如果有一行执行报错，就会停止下面代码的执行
先执行同步代码，后执行异步

举个例子

这上面是一个js执行顺序的小案例

上面是浏览器运行

首先运行第一行代码，显示console.log(‘Hi’)，然后清空调用栈。

然后调用函数，函数会进入异步函数队列中

最后执行log代码，然后清空

然后没有同步代码，就会启动event loop 机制，浏览器触发callback

这样执行完了

同步代码，一行一行放在call stack 中执行
遇到异步，会先“记录”下，等待时机（定时、网络请求等）
时机到了，就会移动到callback Queue 库里面
如call stack 为空（即同步代码执行完）event loop 开始工作
轮训查找 callback Queue，如果有就移动到 call stack执行
然后继续轮训查找（和永动机一样）

参考文档
深入理解Javascript之Callstack&EventLoop
浏览器运行机制详解

2，宏任务，微任务

js单线程–事件执行顺序，宏任务与微任务

event loop 事件轮询机制相关推荐

轮询机制php,JS事件轮询机制讲解
JS是单线程语言,深入理解JS里的Event Loop,本文主要和大家分享JS事件轮询机制,希望能帮助到大家. JS的执行机制(一): 1.首先判断JS是同步还是异步,同步就进入主进程,异步就进入ev ...
事件轮询机制和promise（怪异机制？）
事件轮询机制任务队列分为宏任务队列微任务队列当碰上异步代码时,会将异步代码传给web API 由web API 将异步代码放到任务队列中,script整体代码.setTimeout.set ...
Node中的事件轮询机制
文章目录 2 node中的事件循环模型 2-1 一些属性 2-2 循环模型 node事件循环总共有==六个阶段== process.nextTick()函数 __实例__ 2 node中的事件循环模型 ...
nodejs的事件轮询机制
/* 面试题:nodejs的事件轮询机制*/setTimeout(function() {console.log('setTimeout()') }, 0)setImmediate(function( ...
JS事件轮询机制（Event Loop）
概念事件轮询 (eventloop) 是"一个解决和处理外部事件时将它们转换为回调函数的调用的实体(entity)" JavaScript 语言的一大特点就是单线 ...
浏览器的进程，线程，事件轮询机制
前言:其实网上关于js是单线程的文章很多,但是浏览器的线程,进程很多都没有提到,所以自己也进行了一个总结,将碎片化的知识进行梳理,形成一个知识体系,有问题的地方欢迎大家一起探讨. 首先,简单了解一下进 ...
javascript事件轮询(event loop)详解
英语原文摘自:http://blog.carbonfive.com/2013/10/27/the-javascript-event-loop-explained/ The JavaScript Eve ...
事件轮询 Event Loop
今天在看Node.js的时候接触到了轮询的概念,原来一直不知道,轮询一直存在于JavaScript中,每天都在接触它,然而并不知道,哈哈. 一.概念理解事件轮询(Event Loop)是一个很重要的 ...
事件轮询(Event Loop) 宏任务与微任务
事件轮询(Event Loop) 宏任务与微任务文章目录事件轮询(Event Loop) 宏任务与微任务前言 Javascript诞生 Javascript如何执行 Event Loop是什么? ...

event loop 事件轮询机制

1，event loop（事件轮询/事件循环）

1，js的执行顺序

2，宏任务，微任务

event loop 事件轮询机制相关推荐

最新文章

热门文章