JS执行队列

一、JS是单线程

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

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

二、JS执行机制 

1.为了解决页面不连贯问题，利用多核CPU的计算能力，HTML5提出Web Worker标准，允许JS脚本创建多个线程。于是，JS中出现了同步和异步。

同步 ：前一个任务结束后再执行后一个任务，程序的执行顺序与任务的排列顺序是一致的、同步的。

异步：在同一个时间可以处理多个任务。多任务多线程

同步和异步的区别在于：在一条流水线上，任务的执行顺序不同

所有的任务可分为以下两类：

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

异步任务：JS的异步都是通过回调函数实现的，异步任务放到任务队列（消息队列）中

常见的异步任务：1.普通事件：如click 、resize等

2.资源加载：如load、error等

3.定时器：包括setInterval 、setTimeout、ajax等

2.JS执行机制：

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

三、多个异步任务的处理方式

同步任务执行完之后，异步任务会提交给异步进程进行处理，当异步任务的触发事件发生时（点击或者时间到了）异步进程将异步任务提交到任务队列中。当所有的同步任务执行完之后，主线程执行栈为空，然后会去看任务队列中是否有异步任务。如果任务队列中有异步任务（回调函数），就把该异步任务拿到执行栈中进行执行。

事件循环：同步任务完成后，会反复查看任务队列中是否有新的任务，如果有就拿到执行栈执行。主线程不断获取任务执行任务的现象。反复检查就不会漏掉异步任务。

四、回调函数

1.回调函数：作为参数传递给另外一个函数