JS执行机制

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

上面一段代码的输出结果为：1、2、3
这是因为setTimeout需要1s的时间才能执行，JS可异步执行，所以先输出2
但是有一个问题，当setTimeout的时间变为0时（代码如下），输出结果还是1、2、3

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

整个原因关键在于JS的执行机制
先来说说JS中同步任务和异步任务
1、同步任务
同步任务都在主线程上执行，形成一个执行栈
2、异步任务
js中的异步任务是通过回调函数来完成的，一般而言，异步任务有以下三种类型
（1）普通事件，如click，resize等
（2）资源加载，如load，error等
（3）定时器，包括setTimeout,setInterval等
而异步任务相关回调函数添加到任务队列中（任务队列也称为消息队列）
清楚了同步任务和异步任务，就来说说JS的执行机制
JS的执行机制
1、先执行执行栈中的同步任务
2、异步任务（回调函数）放入任务队列中
3、一旦执行栈中的所有同步任务执行完毕了，系统就会按次序读取任务队列中的异步任务，被读取的异步任务就会结束等待，进入执行栈，开始执行，所以即使上面的时间为0，还是先执行其他，再来执行回调函数