1、JS是
(1)单线程
(2)任务队列:同步任务;异步任务——先挂载
单线程就意味着所有任务需要排队,前一个任务结束,才会执行下一个任务。
JS从上到下执行,遇到异步任务先挂起,继续执行同步任务,同步任务执行完毕再处理异步任务。(优先执行同步任务,再执行异步任务)
如:
for(var i=0;i<4;i++){
setTimeout(function(){
console.log(i);
},1000);
}
输出结果为:4 4 4 4
注:异步任务的放入时间和执行时间。For循环先执行4次,大概用时1毫秒,此时异步队列为空。For循环在执行中并没有将setTimeout放入异步队列,只有时间到了才将setTimeout的函数体扔进异步队列再执行。
Event Loop(事件循环):
注:理解哪些语句会放入异步任务队列?
理解语句放入异步任务队列的时机?
事件循环(JS运行机制):
- 主线程读取JS代码,此时为同步环境,形成相应的堆和执行栈;
- 主线程遇到异步任务,只给对应的异步进程进行处理;
- 异步进程处理完毕(Ajax返回,DOM事件,timer时间到等),将相应的异步任务推入任务队列;
- 主线程执行完毕,查询任务队列,如果存在任务,则取出一个任务推入主线程处理(先进先出);
- 重复执行2、3、4,成为事件循环。
异步任务:
- setTimeout和setInterval(setTimeout:一次性执行;setInterval:反复执行)
- DOM事件—>现象:点击按钮,浏览器卡死(假死):有同步任务在执行
- ES6中的Promise