前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Promise串联多个任务(一)

Promise串联多个任务(一)

原创
作者头像
堕落飞鸟
发布2023-05-23 10:34:44
3410
发布2023-05-23 10:34:44
举报
文章被收录于专栏:飞鸟的专栏飞鸟的专栏

串联多个任务的方法

1. 使用.then()方法

在Promise中,每个.then()方法都会返回一个新的Promise对象,使得可以在其上继续调用.then()方法。通过不断地串联多个.then()方法,可以按照顺序执行多个异步任务。

以下是一个示例,演示了如何串联多个任务:

代码语言:javascript
复制
function task1() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log('Task 1 completed');
      resolve('Result 1');
    }, 1000);
  });
}

function task2(result) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log('Task 2 completed');
      resolve('Result 2');
    }, 2000);
  });
}

function task3(result) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      console.log('Task 3 completed');
      resolve('Result 3');
    }, 1500);
  });
}

task1()
  .then(result1 => task2(result1))
  .then(result2 => task3(result2))
  .then(result3 => {
    console.log('Final result:', result3);
  })
  .catch(error => {
    console.error('Error occurred:', error);
  });

在上述示例中,我们定义了三个任务函数task1()task2()task3(),它们分别返回Promise对象,并模拟了异步操作。通过在每个.then()方法中调用下一个任务函数,我们将多个任务串联起来,确保它们按照顺序执行。最后,我们使用一个最终的.then()方法来处理最后一个任务的结果。

在控制台输出中,我们可以看到每个任务的完成顺序,并最终输出了最后一个任务的结果。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 串联多个任务的方法
    • 1. 使用.then()方法
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档