js单线程，事件循环，微任务宏任务

什么是宏任务和微任务

宏任务包括：setTimeout setInterval Ajax DOM事件微任务：Promise async/await
微任务比宏任务的执行时间要早

异步和单线程

异步和单线程是相辅相成的，js是一门单线程脚本语言，所以需要异步来辅助

异步和同步的区别:

异步不会阻塞程序的执行，
同步会阻塞程序的执行

前端使用异步的场景:

定时任务：setTimeout，setInverval
网络请求：ajax请求，动态加载
事件绑定

任务列队和event loop（事件循环）

1）所有的同步任务都在主线程上执行，行成一个执行栈。

2）除了主线程之外，还存在一个任务列队，只要异步任务有了运行结果，就在任务列队中植入一个时间标记。

3）主线程完成所有任务(执行栈清空），就会读取任务列队，先执行微任务队列在执行宏任务队列。

只要主线程空了，就会读取任务列队，这就是js的运行机制，也被称为 event loop（事件循环）。

执行顺序

1.主线程上宏任务、微任务执行顺序
执行顺序：主线程 >> 主线程上创建的微任务 >> 主线程上创建的宏任务
宏任务中包含微任务
执行顺序：主线程 >> 主线程上的宏任务队列1 >> 宏任务队列1中创建的微任务

js单线程，事件循环，微任务宏任务相关推荐

工作流节点子线程_节点JS体系结构–单线程事件循环
工作流节点子线程 Today we will look into Node JS Architecture and Single Threaded Event Loop model. In our ...
html5多线程例子,javascript的单线程事件循环及多线程介绍
前言其实我前面文章对于改变js的执行顺序及多线程都有相关介绍!例如,我们可以用setTimeout(fn,0)改变代码执行循序,文章最后也提及了Event Loop(事件循环).同时,js的Work ...
事件循环中的宏任务和微任务执行顺序
事件循环中的宏任务和微任务执行顺序先来了解一下事件循环.宏任务.微任务和Promise 1.事件循环(Event Loop)运行机制执行一个宏任务(栈中没有就从事件队列中获取) 执行过程中如果遇到 ...
原生js循环展示dom_【前端面试】用一道题讲 js 的事件循环队列
昨天去面了滴滴,一口气面了三面,考了 promise 和事件循环.之前的猿辅导也考察了这些,几乎所有的大厂中厂都一定会考原生 js 的事件循环队列. 今天,我把昨天考察的原题拿出来分析一下. setT ...
js的事件循环机制：同步与异步任务（setTimeout，setInterval）宏任务，微任务（Promise，process.nextTick）...
javascript是单线程,一切javascript版的"多线程"都是用单线程模拟出来的,通过事件循环(event loop)实现的异步. javascript事件循环事件循环 ...
js的事件循环机制，同步和异步，以及宏任务与微任务的执行顺序
前置知识点(重要): 1.什么是事件循环:js是单线程语言,同个时间执行一件事(同步),但是他可以有一个异步队列,遇到异步操作(比如说ajax这种阻塞时间很久的事情)把它们先放入异步队列,并且继续往下 ...
JS事件循环中的宏任务和微任务执行顺序
1. 宏任务和微任务事件其中微任务的优先级高于宏任务,括号内为事件运行环境宏任务微任务 I/O事件/onClick点击事件 process.netTick (Node) setTimeout N ...
js三座大山之异步-微任务宏任务区别
1.微任务指Promise.async/await.宏任务指setTimeout\setInterval\ajax\dom事件. js三座大山之异步-eventloop 2.基于even ...
阿里一面：熟悉事件循环？那谈谈为什么会分为宏任务和微任务。
什么是事件循环在了解事件循环前,需要一些有关JS特性的前置知识. JS引擎是单线程的,直白来说就是一个时间点下JS引擎只能去做一件事情,而Java这种多线程语言,可以同时做几件事情. JS做的任务分 ...
js---对事件循环宏任务和微任务的理解
一.JS特点 Js作为一门单线程语言,即一次只能完成一个任务,当有多个任务时,任务就得进行排队等待执行,只能等待自己的前一个任务执行完成后自己才能执行. 二.JS事件循环要理解JS的事件循环的就必须 ...

js单线程，事件循环，微任务宏任务

什么是宏任务和微任务

任务列队和event loop（事件循环）

执行顺序

js单线程，事件循环，微任务宏任务相关推荐

最新文章

热门文章