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(事件循环)