Promise串联多个任务(二)

2023-05-23 10:35:16 浏览数 (2)

2. 使用async/await

除了使用.then()方法串联多个任务外,我们还可以使用async/await语法更直观地编写顺序执行的异步操作。

以下是一个使用async/await的示例:

代码语言: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);
  });
}

async function performTasks() {
  try {
    const result1 = await task1();
    const result2 = await task2(result1);
    const result3 = await task3(result2);
    console.log('Final result:', result3);
  } catch (error) {
    console.error('Error occurred:', error);
  }
}

performTasks();

在上述示例中,我们定义了三个任务函数task1()、task2()和task3(),它们返回Promise对象。通过在performTasks()函数中使用await关键字,我们可以按照顺序执行每个任务,并使用try...catch语句来捕获可能发生的错误。

0 人点赞