对ndejs异步编程的理解

异步编程

setTimeout(function fn(){
	console.log("Hello JS");
},1000);

console.log('sync things');

setTimeout就是一个异步任务，当JS引擎执行到setTimeout的时候发现它是个异步任务，则会把这个任务挂起，继续执行后面的代码。知道1000ms后，回调函数fn 才会执行，这就是异步。

为啥JS要使用异步
因为javascri是单线程的，只能在JS引擎的主线程上运行，所以js代码只能一行一行的执行。不能在同一时间执行多个js代码任务。
如果有一段耗时较长的计算，或是ajax请求等IO 操作，如果没有异步的存在，就会出现用户长时间等待。
由于当前任务还未完成，所以这时候所有其他的操作1都会无响应。

常见的异步模式

• 回调函数
• 事件监听
• 发布/订阅模式（又称观察者模式）
• promise
  后来ES6中引入了Generator函数；ES7中，async/qwait将异步编程带入了一个全新阶段

JS如何实现的异步

因为JS的事件循环机制（Event Loop）。具体来说：

当JS解析执行时，会被引擎分为两类任务，同步任务（synchronous）和异步任务（asynchronous）。

对于同步任务来说，会被推到执行栈按顺序执行这些任务。
对于异步任务来说，当其可以被执行时，会被放到一个 任务队列 （task queue）里等待JS引擎去执行。

当执行栈中的所有同步任务完成后，JS引擎才会去任务队列里查看是否有任务存在，并将任务放到执行栈中去执行，执行完了又会去任务队列里查看是否有已经可以执行的任务。
这种循环机制，就叫做事件循环。

对于任务队列，还有更详细的分类，分为： 微任务（microtask）队列 和 宏任务（macrotask）队列

JS异步编程模式

这里我们已经知道了JS中异步的运行机制，我们翻回头来详细的了解一下常见的各种异步的编程模式。

• 回调函数
• 事件监听
• 发布/订阅模式
• Promise
• Generator
• async/await

回调函数

回调函数是异步操作最基本的方法。
比如：我有一个异步操作(asyncFn)，和一个同步操作(normalFn)。

 事件监听

另一种思路是采用事件驱动模式。这种思路是说异步任务的执行不取决于代码的顺序，而取决于某个事件是否发生。

比如一个我们注册一个按钮的点击事件或者注册一个自定义事件，然后通过点击或者trigger的方式触发这个事件。