js单线程
JavaScript语言的最大特点就是单线程,即,同一个时间只能做一件事。
单线程带来的问题
- 所有任务需要排队,前一个任务结束了,才会执行下一个
- 导致JS执行的时间过长,造成页面渲染不连贯,会引起页面渲染加载阻塞的感觉
同步与异步
为了解决渲染加载阻塞的问题,JS出现了同步和异步
-
同步任务
前一个任务执行结束再执行下一个任务,程序的执行顺序和任务的排列顺序是一致的。
同步任务在主线程执行,形成一个执行栈。 -
异步任务
JS的异步是通过回调函数实现的。
一般而言,异步任务有三种类型
- 普通事件:如click等;
- 资源加载:如load等;
- 定时器:如:setInterval、setTimeout等;
异步任务相关回调函数添加到任务队列(也称作消息队列)中。
执行机制
执行机制过程
- 先执行执行栈中的同步任务
- 异步任务放入任务队列中
- 一旦执行栈中的所有同步任务执行完毕之后,系统会依次读取任务队列中的异步任务,读取到的异步任务会结束等待状态,进入执行栈,开始执行。
图解
简单示例图解
console.log('1');
setTimeout(function(){
console.log('3');
},0);
console.log('2');
document.onclick = function(){
console.log('click');
}
运行结果
图解