JS 基础之异步（一）

已知，JS是单线程的，天生异步，适合IO密集型，不适合CPU密集型，但是，为什么是异步的喃，异步由何而来的喃，我们将在这里逐渐讨论实现

单线程的JavaScript

所谓单线程，是指在JS引擎中负责解释和执行JS代码的线程唯一，同一时间上只能执行一件任务。

首先为什么要引入单线程喃？

原因：避免DOM渲染的冲突

• 浏览器需要渲染DOM
• JS可以修改DOM结构
• JS执行时，浏览器DOM渲染停止
• 两段JS不能同时执行（都修改DOM就冲突了）
• web worker支持多线程，但是不能访问DOM

当然，我们可以为浏览器引入“锁”的机制来解决这些冲突，但大大提高复杂性，所以 JavaScript从诞生开始就选择了单线程执行。

引入单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。这同时又导致了一个问题：如果前一个任务耗时很长，后一个任务就不得不一直等着。

// 实例1
var i, sum = 0
for(i = 0; i < 1000000000; i ++) {
   
    sum += i
}
console.log(sum)

// 实例2
console.log(1)
alert('hello')
console.log(2)

在实例1中，sum并不能立刻打印出来，必须在for循环执行完成之后才能执行console.log(sum)。在实例2中，浏览器先打印1，然后弹出弹框，点击确定后才执行console.log(2)。

总结：

• 优点：实现比较简单，执行环境相对单纯
• 缺点：只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），导致整个页面卡在这个地方，其他任务无法执行。

为了解决这个问题，JS语言将任务的执行模式分为两种：同步和异步

同步与异步

1. 同步

   A(args...)
   

   如果在函数A返回的时候，调用者就能够得到预期结果(即拿到了预期的返回值或者看到了预期的效果)，那么这个函数就是同步的