每个 then() 都应该返回一个值或抛出 - Javascript

当我们在使用 Promise 时，我们会用到 Promise 的 then 方法来处理 Promise 执行完成后的结果。在使用 then 方法时，我们需要注意每个 then 函数都应该返回一个值或抛出一个错误。

then() 方法

Promise 的 then() 方法接受两个可选参数，分别是处理成功和处理失败的回调函数。例如：

promise
  .then(
    function(result) {
      // 处理成功
    },
    function(error) {
      // 处理失败
    }
  );

then 方法返回的 Promise 对象是一个新的 Promise，这个 Promise 的状态依赖于传入 then 方法的回调函数的执行结果。如果回调函数执行成功并返回了一个值，那么这个 Promise 的状态就会被设置为 resolved（已完成），并返回一个包含回调函数返回值的 Promise。如果回调函数执行失败并抛出了一个异常，那么这个 Promise 的状态就会被设置为 rejected（已失败）。

每个 then() 都应该返回一个值或抛出

在使用 Promise 时，我们应该注意每个 then 函数都应该返回一个值或抛出一个错误。这是因为 then 函数是 Promise 的核心方法之一，而一个 Promise 在执行完成后，结果只能被 then 方法获取到。

如果在 then 函数中没有返回一个值或抛出错误，那么前一个 then 函数将无法接收到结果，导致整个链式调用被中断。例如：

promise
  .then(function(result) {
    console.log(result);
  })
  .then(function() {
    console.log('这个 then 函数没有返回值');
  })
  .then(function() {
    console.log('这个 then 函数也没有返回值');
  });

在这个例子中，第二个和第三个 then 函数都没有返回值，导致整个链式调用被中断，第二个和第三个 then 函数都不会被执行。

因此，我们在使用 then 方法时，需要确保每个 then 函数都返回一个值或抛出一个错误，以保证整个链式调用正常执行。

示例

function getData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(1);
    }, 1000);
  });
}

getData()
  .then(function(result) {
    console.log(result); // 1
    return result + 1;
  })
  .then(function(result) {
    console.log(result); // 2
    return result * 2;
  })
  .then(function(result) {
    console.log(result); // 4
    throw new Error('抛出错误');
  })
  .catch(function(error) {
    console.error(error.message); // 抛出错误
  });

在这个例子中，第一个 then 函数返回了 result + 1，第二个 then 函数返回了 result * 2，第三个 then 函数抛出了一个错误。由于每个 then 函数都返回了一个值或抛出了一个错误，整个链式调用能够正常执行。