JS执行队列

Js执行队列

JS执行机制

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

同步和异步

HTML5提出Web Worker标准，允许JavaScript脚本创建多个线程。于是JS中出现了同步和异步

同步

前一个任务结束后再执行后一个任务，程序执行顺序和任务的排列顺序是一致的

异步

在做一件事的同时，还可以去处理其他事情

他们的本质区别：这条流水线上各个流程的执行顺序是不同的

同步任务

同步任务都在主线程上执行，形成一个执行栈

异步任务

JS的异步是通过回调函数实现的

一般而言，异步任务有以下三种类型：

1. 普通事件，如click、resize等
2. 资源加载，如load、error等
3. 定时器，如setTimeout、setInterval等

异步任务相关的回调函数添加到任务队列中（任务队列也称消息队列）。

JS执行机制

1. 先执行 执行栈中的同步任务
2. 异步任务（回调函数）放入任务队列中
3. 一旦执行栈中的所有同步任务执行完毕，系统就会按次序读取任务队列中的异步任务，于是被读取的异步任务结束等待状态，进入执行栈，开始执行

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