JavaScript的执行机制

浏览器的五个线程：

js主线程：负责执行栈中栈顶代码的执行
GUI 渲染线程：负责render树的渲染（节点与css样式）
事件监听线程：负责监听事件
以上三个为常驻线程
记时线程：定时器
http异步线程

JS为什么是单线程的？

JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。

JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？

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

JS为什么需要异步?

如果JS中不存在异步，只能自上而下执行，如果上一行解析时间很长，那么下面的代码就会被阻塞。 对于用户而言，阻塞就意味着”卡死”，这样就导致了很差的用户体验
所以，JS中存在异步执行。

实例解析js执行机制(1)

console.log(1);
	setTimeout(function () {
		console.log(2);
	},0)
console.log(3);

运行结果是：1 3 2

也就是说，setTimeout里的函数并没有立即执行，而是延迟了一段时间，满足一定条件后才去执行的，这类代码，我们叫异步代码。

所以，这里我们首先知道了JS里的一种分类方式，就是将任务分为：同步任务和异步任务

按照这种分类方式:JS的执行机制是：

1. 首先判断JS是同步还是异步，同步就进入主进程，异步就进入event table

2. 异步任务在event table中注册函数，当满足触发条件后，被推入event queue(事件队列)

3. 同步任务进入主线程后一直执行，执行完成后，才会去event queue中查看是否有可执行的异步任务，如果有就推入主进程中

实例解析js执行机制(2)

	setTimeout(function() {
	    console.log(1)
	},0);
	new Promise(function(resolve) {
	    console.log(2);
	    resolve();
	}
	).then(function() {
	    console.log(3)
	});
	console.log(4);

运行结果是：2 4 3 1
步骤分析:
setTimeout 是异步任务，被放到event table
new Promise 是同步任务，被放到主进程里，直接执行打印 console.log(‘马上执行for循环啦’)
.then 里的函数是异步任务，被放到event table
console.log(‘代码执行结束’) 是同步代码，被放到主进程里，直接执行

问题:异步任务的执行顺序，不是前后顺序，而是另有规定？

准确的划分方式是：

macro-task(宏任务)：包括整体代码script，setTimeout，setInterval

micro-task(微任务)：Promise，process.nextTick

所以这里同步任务执行完输出: 2 4
then是微任务接着输出:3
最后输出:1