Promise方法链式调用then与catch

Promise方法链式调用的`then`和`catch`是基于Promise对象的一种设计，它们允许异步操作的处理流程保持线性的、直观的方式。当一个Promise完成（无论是成功还是失败）时，你可以通过`.then`添加处理成功的回调函数，通过`.catch`添加处理失败的回调函数。

例如，如果你有一个Promise对象表示一个计算任务：

const promise = new Promise((resolve, reject) => {
  // 异步计算
});

promise
  .then(result => {
    // 成功时处理result，比如打印或进一步操作
    console.log('计算成功:', result);
  })
  .catch(error => {
    // 失败时处理error，如记录错误日志或显示用户错误信息
    console.error('计算失败:', error);
  });

这里的`.then`方法会在Promise解析（resolve）时被调用，而`.catch`则是在Promise拒绝（reject）时执行。这种方式使得代码更易读，因为每个`.then`和`.catch`都在逻辑上对应于特定的结果状态。

相关问题

es6 promise对象then方法链式调用

ES6（ECMAScript 2015）引入了Promise对象，它是一种异步编程的解决方案。当一个异步操作完成后，Promise对象会返回一个代表操作结果的值，而不是像传统方式那样使用回调函数。

Promise对象的then方法用于指定操作成功和失败时的回调函数。而且可以将then方法连续使用，形成链式调用。当一个Promise对象的then方法返回另一个Promise对象时，后续的then方法都会等待该Promise对象的状态改变。

链式调用的好处在于减少了回调函数嵌套的层数，提高了代码的可读性和可维护性。通过then方法的链式调用，可以构建一串异步操作，使得代码逻辑更加清晰。

例如：

function getJSON(url) {
  return new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest();
    xhr.open('GET', url);
    xhr.onreadystatechange = function() {
      if (xhr.readyState === 4) {
        if (xhr.status === 200) {
          resolve(JSON.parse(xhr.responseText));
        } else {
          reject(new Error('Unable to fetch data'));
        }
      }
    };
    xhr.send();
  });
}

getJSON('/data/user.json')
  .then(user => {
    return getJSON(`/data/profile/${user.id}.json`);
  })
  .then(profile => {
    console.log(profile);
  })
  .catch(error => {
    console.error(error);
  });

上述代码展示了一个获取用户信息和个人资料的异步操作，其中getJSON函数返回一个Promise对象。通过then方法的链式调用，可以先获取用户信息，然后再获取个人资料。如果有任何一个异步操作失败，则会进入catch回调函数。

then方法链式调用代码示例

then方法链式调用在JavaScript中非常常见，特别是在处理异步操作时，如Promise和async/await函数。下面是一个简单的例子，假设我们有一个返回Promise的函数`getUserData`，我们可以使用`.then`方法链式地获取用户数据并执行后续操作：

function getUserData(userId) {
  return new Promise((resolve, reject) => {
    // 模拟异步请求，比如从API获取数据
    setTimeout(() => {
      if (userId === 'valid') {
        resolve({ name: 'John', age: 30 });
      } else {
        reject('Invalid user ID');
      }
    }, 2000);
  });
}

// 链式调用then方法获取用户数据并打印
getUserData('valid')
  .then(userData => {
    console.log(`User data: ${userData.name}, Age: ${userData.age}`);
    // 这里可以继续添加更多的.then()方法来处理其他逻辑
  })
  .catch(error => {
    console.error('Error:', error);
  });

在这个例子中，如果用户ID有效，会打印出用户数据；如果无效，则捕获错误并打印出来。