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