Js执行机制——同步和异步

JS是单线程
JavaScript 语言的一大特点就是单线程，同一个时间只能做一件事。JavaScript 是为处理页面中用户的交互，以及操作DOM 而诞生的，比如我们对某个DOM元素进行添加和删除操作，不能同时进行，应该先添加，后删除。

单线程意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。这样所导致的问题结果：如果JS执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉。

同步和异步

同步：单线程，同步任务都在主线程上执行。
异步：多线程，异步任务是通过回调函数实现的，异步任务添加到任务队列中执行。
它们的执行顺序不同。

异步任务一般有三类：

普通事件 click、resize
资源加载 load、error
定时器 setInterval、setTimeout

JS执行机制

先执行主线程上的同步任务
异步任务（回调函数）放入任务队列中
一旦主线程同步任务执行完毕后，系统会按次序读取任务队列中的异步任务（回调函数），进入主线程执行栈，开始执行。

由于主线程不断的重复获得任务，执行任务，再获取任务、再执行，所以这种机制称为事件循环

Js执行机制——同步和异步相关推荐

【JavaScript】JS执行机制--同步与异步
目录单线程同步与异步事件循环单线程 JavaScript语言具有单线程的特点,同一个时间只能做一件事情.这是因为JavaScript脚本语言是为了处理页面中用户的交互,以及操作DOM而诞生的. ...
【JavaScript】JS执行机制微任务和宏任务
文章目录一.了解JS执行机制二. 异步任务(宏任务.微任务) 1.宏任务 2.微任务三.实操演练解析: 一.了解JS执行机制在学习 promise(期约) 之前,我们需要了解JS的执行机制, ...
同步异步、JS执行机制、事件循环
文章目录单线程同步异步同步任务异步任务 JS执行机制异步进程处理事件循环-event loop(这里主要是说浏览器事件循环) 单线程 JS的一大特点就是单线程,也就是同一时间内只能做一件 ...
JS执行机制、同步和异步、宏观任务和微观任务
1. JS 是单线程 JavaScript 语言的一大特点就是单线程,也就是说,同一个时间只能做一件事. 这是因为 Javascript 这门脚本语言诞生的使命所致--JavaScript 是为处理页 ...
浏览器交响曲（一）浏览器中的js执行机制
浏览器的工作原理浏览器中的js执行机制单线程的含义同步.异步完了吗?事情并非如此所以执行的机制是怎样的?(宏任务.微任务) 个人理解: 希望过路大佬不吝赐教浏览器中的js执行机制今天在网 ...
JavaScript中BOM简介及其对象、js执行机制
目录 BOM简介什么是BOM DOM和BOM的区别 BOM的构成 Window对象的常见事件窗口加载事件调整窗口大小事件定时器函数 setTimeout( )定时器停止setTimeout( ...
JavaScript系列之JS执行机制
文章の目录 1.JS是单线程 2.一个问题 3.同步和异步 3.1.同步 3.2.异步 3.3.同步和异步的本质区别 3.4.同步任务 3.5.异步任务 4.JS执行机制 5.示例 6.事件循环 7. ...
JS 执行机制详解（附图）
一.JS是单线程 JS语言的一大特点就是单线程,也就是说,同一个时间只能做一件事.这是JS这门脚本语言诞生的使命所致--用来处理页面中用户的交互,以及操作DOM而诞生的. 单线程就意味着,所有任务需要 ...
理解js中的同步和异步
首先要先了解下js单线程一.为什么js是单线程? 其实,JavaScript的单线程,与它的用途是有很大关系,我们都知道,JavaScript作为浏览器的脚本语言,主要用来实现与用户的交互,利用Ja ...

Js执行机制——同步和异步

Js执行机制——同步和异步相关推荐

最新文章

热门文章