关于for await of的使用

使用场景

const fn = (time) => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(`${time}s后我执行成功了`);
    }, time);
  });
};
fn(3000).then((res) => console.log(res));
fn(2000).then((res) => console.log(res));
fn(1000).then((res) => console.log(res));

上述代码执行的结果是：
	1000s后我执行成功了
	2000s后我执行成功了
	3000s后我执行成功了
但是我现在想要的指向顺序如下：
	3000s后我执行成功了
	2000s后我执行成功了
	1000s后我执行成功了
也就是按代码顺序执行

第一时间我们肯定会想要用async和await解决，那就写呗：

async function fn1(){
	//等待上一行代码执行完，再执行下一行
    console.log(await fn(3000));
    //三秒后输出：3000s后我执行成功了
    console.log(await fn(2000));
    //两秒后输出：2000s后我执行成功了
    console.log(await fn(1000));
    //一秒后输出：1000s后我执行成功了
}
fn1()

但是如果有100个或者1000个这样的需求呢，那不得写100个，1000个await
这时候就用到了for…await…of

const fn = (time) => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(`${time}s后我执行成功了`);
    }, time);
  });
};
let arr = [fn(3000),fn(2000),fn(1000)]
async function fn2(){
    for await(e of arr){
        console.log(e);
    }
}
fn2();
输出：
3000s后我执行成功了
2000s后我执行成功了
1000s后我执行成功了