文章 评论 浏览 32
2. 基础知识需要先看懂这两份资料，他们会让你构建一个完整的从 上下文执行栈，Event Loop,任务队列(task queue)，再到Microtask（微任务）、Macrotask/Task（宏任务）知识体系。看完这个来解决一些setTimeout,pormsie,async 的执行先后问题，简直都是毛毛雨！js运行原理首先补齐基础，来看一下js 引擎（如：V8）的运行原理，这位Philip Roberts小哥讲的非常好，运行过程都使用动画展现，过程非常生动，条理也很清楚，当然ppt也做的不错。这是B站上带英文字幕的版本视频地址这个是核心思想的截图Microtask、Macrotask/TaskPhilip Roberts视频中缺少了任务队列(task queue)区分为Microtask（微任务）、Macrotask/Task（宏任务）的部分，这里需要看第二份资料，详细的介绍了Microtask、Macrotask/Task 的运行过程，且分析了浏览器的执行差异,Jake Archibald英文博客地址。看博客注意事项博客内有带执行步骤的动画，一定要亲自点一下star博客中将Macrotask叫做Task；分析浏览器差异的部分基本可以略过了，随着版本更新，这些差异基本都被修补了。我们只要看博客中关于chrome浏览器的正确输出结果就可以了Microtask和Macrotask所包含的api：Microtask - process.nextTick - promise - Object.observe (废弃) - MutationObserver Macrotask - setTimeout - setImmediate - setInterval - I/O - UI 渲染 如果不想看英文博客，我在这里作一点简单的总结：在执行上下文栈的同步任务执行完后；首先执行Microtask队列，按照队列先进先出的原则，一次执行完所有Microtask队列任务；然后执行Macrotask/Task队列，一次执行一个，一个执行完后，检测 Microtask是否为空；为空则执行下一个Macrotask/Task；不为空则执行Microtask更多内容可以看我的github
需要先看懂这两份资料，他们会让你构建一个完整的从 上下文执行栈，Event Loop,任务队列(task queue)，再到Microtask（微任务）、Macrotask/Task（宏任务）知识体系。看完这个来解决一些setTimeout,pormsie,async 的执行先后问题，简直都是毛毛雨！
首先补齐基础，来看一下js 引擎（如：V8）的运行原理，这位Philip Roberts小哥讲的非常好，运行过程都使用动画展现，过程非常生动，条理也很清楚，当然ppt也做的不错。这是B站上带英文字幕的版本视频地址
这个是核心思想的截图
Philip Roberts视频中缺少了任务队列(task queue)区分为Microtask（微任务）、Macrotask/Task（宏任务）的部分，这里需要看第二份资料，详细的介绍了Microtask、Macrotask/Task 的运行过程，且分析了浏览器的执行差异,Jake Archibald英文博客地址。
看博客注意事项
Microtask和Macrotask所包含的api：
Microtask - process.nextTick - promise - Object.observe (废弃) - MutationObserver Macrotask - setTimeout - setImmediate - setInterval - I/O - UI 渲染
如果不想看英文博客，我在这里作一点简单的总结：
先进先出
更多内容可以看我的github
你好，这里的例子是写错了吧，实际运行不是这样的结果呢
文章 0 评论 0
接受
你好，这里的例子是写错了吧，实际运行不是这样的结果呢
第 8 题：setTimeout、Promise、Async/Await 的区别