解决多个异步操作嵌套问题

最新推荐文章于 2023-04-04 16:07:49 发布

祈雨v

最新推荐文章于 2023-04-04 16:07:49 发布

阅读量3.1k

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/sz85850597/article/details/86550728

版权

html 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

JavaScript Promise

用Promise解决多个异步操作嵌套问题

let ansyFun = function(count, wait){
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log(count, new Date());
      resolve(count+1);
    }, wait);
  });
}

let promise = new Promise(function(resolve, reject) {
  resolve(1);
});

promise.then(data => {
  return ansyFun(data, 1000);
}).then(data =>  {
  return ansyFun(data, 1000);
}).then(data =>  {
  return ansyFun(data, 2000);
});

用Promise+async解决多个异步操作嵌套问题

let ansyFun = function(count, wait){
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log(count, new Date());
      resolve(count+1);
    }, wait);
  });
}

async function asyncFun(){
  let count = 1;
  count = await ansyFun(count, 1000);
  count = await ansyFun(count, 1000);
  count = await ansyFun(count, 2000);
}
asyncFun();