js单线程及事件循环、宏任务和微任务

为什么js是单线程

javascript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。

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

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

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

事件循环机制

消息队列：：消息队列是一个先进先出的队列，他里边存放着各种信息

事件循环：事件循环是指主线程重复从消息队列中取消息、执行的过程

实际上，主线程只会做一件事情，就是从消息队列里面取消息、执行消息，再取消息、再执行。
当消息队列为空时，就会直到消息队列变成非空，而且主线程只有将当前的消息执行完成后，
才会去取下一个消息。这种机制就叫做事件循环机制，取一个消息并执行的过程叫做依次循环。

上图大致描述就是：

• 主线程运行时会产生执行栈，栈中的代码调用某些api时，他们会在事件队列中加各种事件（当满足触发条件后，执行）
• 而栈中的代码执行完毕，就会读取事件队列中的事件，去执行那些回调
• 如此循环

注意，总是要等待栈中的代码执行完毕后才会读取事件队列中的事件

事件队列中的宏任务与微任务

执行流程：

宏任务执行之前，要保证所有微任务是清空的，宏任务1执行完，执行下一个宏任务2，但是此时要是有微任务，则执行完微任务，再去执行该宏任务2，以此类推