JavaScript的异步和单线程

单线程

• 同一时间只做一件事

JavaScript为什么是单线程

1. 首先是历史原因，在创建JavaScript这门语言时，多进程多线程的架构并不流行，硬件支持并不好。
2. 其次是因为多线程的复杂性，多线程操作需要加锁，编程的复杂性会增高。
3. 而且，如果同时操作DOM，在多线程不加锁的情况下，最终会导致DOM渲染的结果不可预期。

异步

• 同步任务

  在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务。

• 异步任务

  不进入主线程、而进入"任务队列"（task queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行

JavaScript为什么需要异步

• 如果在JS代码执行过程中，某段代码执行过久，后面的代码迟迟不能执行，产生阻塞，会影响用户体验。

执行栈和任务队列

1. JS任务 分为同步任务（synchronous）和异步任务（asynchronous）。
2. 同步任务都在 JS引擎线程（主线程） 上执行，形成一个执行栈(call stack)
3. 事件触发线程 管理一个 任务队列(Task Queue)
4. 异步任务 触发条件达成，将 回调事件 放到任务队列(Task Queue)中
5. 执行栈中所有同步任务执行完毕，此时JS引擎线程空闲，系统会读取任务队列，将可运行的异步任务回调事件添加到执行栈中，开始执行

console.log(1)
setTimeout(()=>{
	console.log(2)
},100)
console.log(3)
//打印1，3，2

宏任务和微任务

• 宏任务有：script(整体代码), setTimeout, setInterval,…等。
• 微任务有：process.nextTick,Promise，…等。

特性

1. 宏任务和微任务的任务队列都可以有多个。
2. 当前执行栈执行完毕时会立刻先处理所有微任务队列中的事件，然后再去宏任务队列中取出一个事件。同一次事件循环中，微任务永远在宏任务之前执行。
3. 不同的运行环境 循环策略可能有不同，这里探讨chrome、node环境。