0
点赞
收藏
分享

微信扫一扫

关于for await of的使用

水沐由之 2022-04-13 阅读 63

使用场景

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后我执行成功了
举报

相关推荐

0 条评论