JavaScript的单线程与任务队列

目录

一、JavaScript为什么设计为单线程？

二、任务队列

👋🏻 扩展：异步队列里的宏任务与微任务

---

  

一、JavaScript为什么设计为单线程？

JavaScript语言的一大特点就是单线程，换言之就是同一个时间只能做一件事。

for(var j = 0; j < 100000; j++) {
  console.log(j);
}
console.log('end');

上面的代码，只有for循环执行完毕，才会执行end；

JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途就是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。

假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？

所以，为了避免复杂性，从一诞生，JavaScript就是单线程，这已经成了这门语言的核心特征，将来也不会改变。

为了利用多核CPU的计算能力，HTML5提出Web Worker标准，允许JavaScript脚本创建多个线程，但是子线程完全受主线程控制，且不得操作DOM。所以，这个新标准并没有改变JavaScript单线程的本质。

我们都知道，js是单线程，也就是说js在同一时间只能做一件事。多线程有很多优点，为啥js不能和java一样做成多线程呢，毕竟他们的名字那么像。这是因为js可以操作DOM，试想一下如果js有多线程，其中一个线程要删除一个div，而另一个线程要给这个div添加子元素时，那到底要听哪个线程的呢？

另外，虽然说像web worker等技术也赋予了js多线程的能力，但这种多线程还是有限制的，那就是不能操作DOM。一般来说，通常只是把一些比较复杂的计算放在web worker里。

---

二、任务队列

"任务队列"是一个事件的队列（也可以理解成消息的队列），IO设备完成一项任务，就在"任务队列"中添加一个事件，表示相关的异步任务可以进入"执行栈"了。主线程读取"任务队列"，就是读取里面有哪些事件；

我们来解释一下：

Javascript是单线程的，单线程就意味着所有任务需要排队，前一个任务结束，才会执行后一个任务。如果前一个任务耗时很长，后一个任务就不得不一直等着。

这样子就会引起一个很严重的问题，比方说有一个页面里有个点击事件，在用户点击后会执行一些逻辑，如果只有单线程的话，用户如果一直不点击的话，页面就被阻塞住了，什么操作都无法继续下去，这显然是不合理的。

如果排队是因为计算量太大，CPU占用高倒也情有可原，但是很多时候CPU是处于空闲状态或者有很大的空间未被使用&