async
作为一个关键字放在函数的前面，表示该函数是一个异步函数，意味着该函数的执行不会阻塞后面代码的执行 异步函数的调用跟普通函数一样
async function timeout(){
return "helloworld";
}
console.log(timeout());
console.log("我在异步函数后面，会先执行谁呢");
// Promise { 'helloworld' }
// 我在异步函数后面，会先执行谁呢
可以看出执行顺序还是函数先执行，但是函数的返回结果是一个Promise对象，要获取Promise的返回值应该用then方法
async function timeout(){
return "helloworld";
}
timeout().then((result)=>{
console.log(result);
});
console.log("我在异步函数后面，会先执行谁呢");
// 我在异步函数后面，会先执行谁呢
// helloworld
此时先输出的就是后面的一串文字，说明异步函数的执行没有阻塞后面的代码执行，
async的内部实现原理就是如果该函数中有一个返回值，当调用该函数时，默认会在内部调用Promise.solve()方法把它转化成一个Promise对象作为返回，若函数内部抛出错误，则调用Promise.reject()返回一个Promise对象
async function timeout1(flag){
if(flag){
return "hello world";
}else{
throw new Error("error!!");
}
}
console.log(timeout1(true));
console.log(timeout1(false));
// Promise {<resolved>: "hello world"}
// Promise {<rejected>: Error: error!!...}
既然
async返回的是一个Promise对象，那么Promise的所有用法他都可以用，如Promise.catch捕获异常等
await
await即等待，用于等待一个Promise对象。它只能在异步函数async function中使用，否则会报错
它的返回值不是Promise对象而是Promise对象处理之后的结果
await表达式会暂停当前async function的执行，等待Promise处理完成。若Promise正常处理(fulfilled)，其回调的resolve函数参数作为await表达式的值，继续执行async function，若Promise处理异常(rejected)，await表达式会把Promise的异常原因抛出。如果await操作符后的表达式的值不是一个Promise，那么该值将被转换为一个已正常处理的Promise。
与Promise对比
1、不再需要多层.then方法
假设一个业务分很多步骤完成，并且每个步骤都是异步，依赖上一个步骤的结果。
function takeLongTime(n) {
return new Promise(resolve => {
setTimeout(() => resolve(n + 200), n);
});
}
function step1(n) {
console.log(`step1 with ${n}`);
return takeLongTime(n);
}
function step2(n) {
console.log(`step2 with ${n}`);
return takeLongTime(n);
}
function step3(n) {
console.log(`step3 with ${n}`);
return takeLongTime(n);
}
// Promise方式
function doIt() {
console.time("doIt");
const time1 = 300;
step1(time1)
.then(time2 => step2(time2))
.then(time3 => step3(time3))
.then(result => {
console.log(`result is ${result}`);
console.timeEnd("doIt");
});
}
doIt();
// async await方式
async function doIt() {
console.time("doIt");
const time1 = 300;
const time2 = await step1(time1);
const time3 = await step2(time2);
const result = await step3(time3);
console.log(`result is ${result}`);
console.timeEnd("doIt");
}
doIt();
2、可以对Promise进行并行处理
