Event Loop

事件队列

Javascript是单线程，单线程就意味着所有任务需要排队。然后会将所有任务分成两类：同步任务和异步任务！同步任务：在主线程上执行的任务，只有前一个任务执行完成，才会执行后一个！异步任务：不进入主线程、而进入“任务队列”的任务，当主线程上的任务执行完，主线程才会去执行“任务队列”。

只有一个main thread主线程，主线程执行完call-stack执行栈的任务后去检查异步的任务队列，如果异步事件触发，则将其加到主线程的执行栈。

执行顺序

主线程 ——> promise.nextick ——> promise.then ——> async ——> setTimeout ——> setInterval ——> setImmediate ——> I/O ——>> UI rendering

宏任务： 整体代码script  setTimeout  setInterval setImmediate(浏览器仅IE10支持) I/O操作 UI渲染
微任务： promise.then（非new Promise()） process.nextTick(node中) MutationObserverpromise实例化是主线程执行
await 相当于 new Promise()
async 是多个异步操作的promise对象，相当于then
process.nextTick在当前同步任务最后，异步任务之前
setImmediate用来操作耗时任务
复制代码

async function async1() {await async2()console.log('async1 end')
}
async function async2() {console.log('async2 end')
}
async1()//transfer
new Promise((resolve, reject) => {console.log('async2 end')// Promise.resolve() 将代码插入微任务队列尾部// resolve 再次插入微任务队列尾部resolve(Promise.resolve())
}).then(() => {console.log('async1 end')
})
复制代码

图解执行

当javascript代码执行的时候会将不同的变量存于内存中的不同位置：堆（heap）和栈（stack）中来加以区分，heap中一般存储我们的变量，stack一般存储函数或者方法。stack叫做执行栈，我们的方法依次会在这里执行。执行栈事件先进后出，任务队列先进先出。web apis则是代表一些异步事件，而callback queue即事件队列。

实现异步

回调函数
事件监听
发布/订阅
Promise 对象
generrator

转载于:https://juejin.im/post/5c8b45eaf265da2dca38a9cf

Event Loop相关推荐

【转载】浏览器事件循环机制（event loop）
首先,本文转自https://juejin.im/post/5afbc62151882542af04112d 当我看完菲利普·罗伯茨的 javascript event loop的演讲的时候,就对于事 ...
简单理解浏览器的event loop 和 JavaScript的同步异步
为什么JavaScript是单线程的? JavaScript的主要用途是和用户进行交互以及对DOM的操作,为了避免复杂的同步问题(如果多线程,A线程对某DOM添加内容,B线程对它又进行了删除操作,这往 ...
anaconda spyder使用协程报错解决：RuntimeError: This event loop is already running
早上在anaconda的spyder中写协程代码时遇到了报错. 代码如下: import asyncioasync def coroutine():print("hey")awai ...
从Promise来看JavaScript中的Event Loop、Tasks和Microtasks
原文 github.com/creeperyang- 主题 Promise 看到过下面这样一道题: (function test() {setTimeout(function() {console.l ...
跟着 Event loop 规范理解浏览器中的异步机制
原文发自我的 GitHub blog,欢迎关注前言我们都知道 JavaScript 是一门单线程语言,这意味着同一事件只能执行一个任务,结束了才能去执行下一个.如果前面的任务没有执行完,后面的任务 ...
JavaScipt 中的事件循环(event loop)，以及微任务和宏任务的概念
说事件循环(event loop)之前先要搞清楚几个问题. 1. js为什么是单线程的? 试想一下,如果js不是单线程的,同时有两个方法作用dom,一个删除,一个修改,那么这时候浏览器该听谁的? 2. ...
js异步等待完成后再进行下一步操作_彻底搞懂JS事件中的循环机制 Event Loop
我们都知道JavaScript是单线程语言,就是因为单线程的特性,就不得不提js中的同步和异步一.同步和异步所谓单线程,无非就是同步队列和异步队列,js代码是自上向下执行的,在主线程中立即执行的就 ...
JavaScript 运行机制详解：Event Loop
转自: http://www.ruanyifeng.com/blog/2014/10/event-loop.html 一.为什么JavaScript是单线程? JavaScript语言的一大特点就是单 ...
笔试题——JavaScript事件循环机制（event loop、macrotask、microtask）
今天做了一道笔试题觉得很有意义分享给大家,题目如下: setTimeout(()=>{console.log('A'); },0); var obj={func:function () {set ...
为什么JS是单线程？JS中的Event Loop(事件循环)？JS如何实现异步？setimeout？
https://segmentfault.com/a/1190000012806637 https://www.jianshu.com/p/93d756db8c81 首先,请牢记2点: (1) JS是 ...