Promise链式调用与错误处理

Promise链式调用是一种处理异步操作的方法，它可以依次执行多个异步任务，并且可以在每个任务完成后进行后续操作。

在Promise链式调用中，每个任务都返回一个Promise对象，可以通过调用.then()方法来指定任务完成后的操作，同时也可以通过.catch()方法来处理错误。

下面是一个示例代码：

fetch('https://api.example.com/data')
  .then(response => {
    if (response.status === 200) {
      return response.json();
    } else {
      throw new Error('Request failed');
    }
  })
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error(error);
  });

在上面的示例中，首先使用fetch()函数发送一个异步请求，返回一个Promise对象。然后通过.then()方法来处理请求的返回结果，如果状态码是200，则通过response.json()方法解析响应数据并返回一个新的Promise对象；如果状态码不是200，则抛出一个错误。

接下来，通过.then()方法处理解析后的数据，并将数据输出到控制台。如果在整个过程中发生了错误，可以通过.catch()方法来捕获并处理错误。

通过Promise链式调用，可以很方便地处理多个异步任务，并且可以在每个任务的结果返回后进行后续操作。同时，通过.catch()方法可以统一处理错误，使代码更加清晰和可读。

以下是一个简单的Promise链式调用的示例：

function getFirstData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('First data');
    }, 1000);
  });
}

function processFirstData(data) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      if (data === 'First data') {
        resolve('Processed first data');
      } else {
        reject('Error processing first data');
      }
    }, 1000);
  });
}

function processSecondData(data) {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(`Processed second data: ${data}`);
    }, 1000);
  });
}

getFirstData()
  .then(processFirstData)
  .then(processSecondData)
  .then(result => {
    console.log(result);
  })
  .catch(error => {
    console.error(error);
  });

在这个示例中，我们定义了三个异步函数 getFirstData、processFirstData 和 processSecondData。每个函数都返回一个Promise对象。

首先，我们调用 getFirstData 函数，它会在1秒后返回一个值为 'First data' 的Promise对象。

然后，我们使用.then()方法将 processFirstData 函数添加到Promise链上，它会在1秒后处理第一个数据，并根据条件返回一个新的Promise对象。

接下来，我们使用.then()方法将 processSecondData 函数添加到Promise链上，它会在1秒后处理第二个数据，并返回一个新的Promise对象。

最后，我们使用.then()方法处理最终的结果，并将结果输出到控制台。如果在整个过程中发生了错误，通过.catch()方法可以捕获并处理错误。

这样，我们就实现了一个简单的Promise链式调用，通过依次处理多个异步任务，并在每个任务完成后进行后续操作。