3、async/await--EventLoop

1、什么是 async/await

	async/await 是 ES8（ECMAScript 2017）引入的新语法，用来简化 Promise 异步操作。在 async/await 出
现之前，开发者只能通过链式 .then() 的方式处理 Promise 异步操作
	.then 链式调用的优点：
		解决了回调地狱的问题
	.then 链式调用的缺点：
		代码冗余、阅读性差、不易理解

2、async/await的基本使用

import thenFs from 'then-fs'

async function getAllFile() {
    //使用await修饰，则返回文件中的内容，如果不用await修饰，则返回的是Promise实例对象
    const r1 = await thenFs.readFile('./1.txt', 'utf8');
    console.log(r1);
    const r2 = await thenFs.readFile('./2.txt', 'utf8');
    console.log(r2);
    const r3 = await thenFs.readFile('./3.txt', 'utf8');
    console.log(r3);
}
getAllFile();

注意事项

1. 如果在 function 中使用了 await，则 function 必须被 async 修饰
2. 在 async 方法中，第一个 await 之前的代码会同步执行，await 之后的代码会异步执行

3、EventLoop

1. JavaScript 是单线程的语言，同一时间只能做一件事情
2. 如果前一个任务非常耗时，则后续的任务就不得不一直等待，从而导致程序假死的问题

同步任务 和 异步任务

为了防止某个耗时任务导致程序假死的问题，JavaScript 把待执行的任务分为了两类：
1. 同步任务（synchronous）
	又叫做非耗时任务，指的是在主线程上排队执行的那些任务
	只有前一个任务执行完毕，才能执行后一个任务
2. 异步任务（asynchronous）
	又叫做耗时任务，异步任务由 JavaScript 委托给宿主环境进行执行
	当异步任务执行完成后，会通知 JavaScript 主线程执行异步任务的回调函数

执行过程

1. 同步任务由 JavaScript 主线程次序执行
2. 异步任务委托给宿主环境执行
3. 已完成的异步任务对应的回调函数，会被加入到任务队列中等待执行
4. JavaScript 主线程的执行栈被清空后，会读取任务队列中的回调函数，次序执行
5. JavaScript 主线程不断重复上面的第 4 步

4、EventLoop的基本概念

	JavaScript 主线程从“任务队列”中读取异步任务的回调函数，放到执行栈中依次执行。
这个过程是循环不断的，所整个的这种运行机制又称为 EventLoop（事件循环）