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(事件循环)
上一篇:.NET Core学习笔记——async/await中的Exception处理


下一篇:async+await配合,使异步函数同步化,解决地狱回调(可适用于vue请求)