promise 为啥是链式调用

Promise 是链式调用的原因在于，它的 then 方法返回的也是一个 Promise 对象，可以继续调用 then 方法，形成一个链式的调用结构。在每个 then 方法中，可以通过返回一个新的 Promise 对象来实现链式调用。这样可以方便地处理异步操作的结果，避免回调地狱的问题，使代码更加简洁和易于理解。

相关问题

promise为什么支持链式调用

Promise 支持链式调用的主要原因是为了让异步编程更加简洁和易于阅读。链式调用可以让我们在代码中连续地使用多个异步操作，而不需要使用嵌套的回调函数，这使得代码更加易于理解和维护。

具体来说，Promise 的每个方法返回一个新的 Promise 对象，这个新的 Promise 对象可以被链式调用。例如，我们可以使用 then() 方法在一个 Promise 对象完成后执行下一个异步操作，而 catch() 方法则用于处理 Promise 对象的错误。这种链式调用的方式可以让我们更加清晰地表达异步操作的执行顺序，而不需要创建大量的回调函数。

另外，Promise 还支持在链式调用中使用多个 then() 方法，每个 then() 方法可以返回一个新的 Promise 对象，这样就可以在多个异步操作之间进行切换和控制。例如，我们可以在一个 then() 方法中执行一个异步操作，并在下一个 then() 方法中执行另一个异步操作，这使得异步编程更加灵活和可控。

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回调函数。