Js执行队列
JS执行机制
JavaScript语言的一大特点是单线程,也就是说,同一个时间只能做一件事。这是因为JavaScript这门脚本语言诞生的使命所致——JavaScript是处理页面中用户交互,以及操作DOM而诞生的,比如我们对某个元素进行添加和删除操作,不能同时进行,应先添加,之后删除。
同步和异步
HTML5提出Web Worker标准,允许JavaScript脚本创建多个线程。于是JS中出现了同步和异步
同步
前一个任务结束后再执行后一个任务,程序执行顺序和任务的排列顺序是一致的
异步
在做一件事的同时,还可以去处理其他事情
他们的本质区别:这条流水线上各个流程的执行顺序是不同的
同步任务
同步任务都在主线程上执行,形成一个执行栈
异步任务
JS的异步是通过回调函数实现的
一般而言,异步任务有以下三种类型:
- 普通事件,如click、resize等
- 资源加载,如load、error等
- 定时器,如setTimeout、setInterval等
异步任务相关的回调函数添加到任务队列中(任务队列也称消息队列)。
JS执行机制
- 先执行
执行栈
中的同步任务 - 异步任务(回调函数)放入任务队列中
- 一旦执行栈中的所有同步任务执行完毕,系统就会按次序读取任务队列中的异步任务,于是被读取的异步任务结束等待状态,进入执行栈,开始执行
由于主线程不断的重复 获取任务、执行任务、再获取任务、再执行,所以这种机制被称为事件循环