中断.finally()链

Question

我有下面的链子。

  return axios
        .get(actionUrl, {
            params: {
                action: 'action3'
            },
        })
        .finally(() => axios.get(actionUrl, {
            params: {
                action: 'action3'
            },
        }))
        .finally(() => axios.get(actionUrl, {
            params: {
                action: 'action6'
            },
        }))
        .finally(() => axios.get(actionUrl, {
            params: {
                action: 'action1'
            },
        }))

我必须按顺序调用不同的端点，即使前一个端点失败也是如此。但是，在端点超时的情况下，我想打破这个链。如果不使用.then和.catch并在它们中重复相同的代码，它是否可以实现？

谢谢。

Answer 1

这在then和catch中是可以实现的。如果您不希望在发生错误时运行回调，则不应该使用finally。

我必须顺序调用不同的端点，即使上一个端点失败了也是如此。但是，如果端点超时，我想打破链。

因此，您不想在上一次失败时调用它们(使用超时)，您所要做的就是忽略非超时错误。这就是应该使用catch的原因：

function callEndpoint(action) {
  return axios.get(actionUrl, { params: { action } }).catch(err => {
    if (isTimeout(err))
      throw err
    else
      ; // ignore the error, return undefined
  })
}

然后把它们拴起来：

callEndpoint('action3').then(() => callEndpoint('action6')).then(() => callEndpoint('action3'))

Answer 2

finally函数的存在恰恰是为了确保即使存在异常，内部的函数也会运行。只要使用这样一个finally，就可以得到您想要的行为：

axios.get()
  .then(() => doStuffOnSuccess())
  .finally(() => {
    axios.get().then(() => doFinallyStuff1())
       .then(() => doFinallyStuff2())
       .then(() => doFinallyStuff3())
       .catch(e => console.error("Finally had trouble",e));
  });

这样，如果finally函数中的任何内容超时或失败，就会中断链。有了最后的接球，你将避免它扔回更深的链子。

这假设您正确地使用了finally，而且即使存在错误，在前面的调用完成之后，应该始终执行其中的所有内容。

Answer 3

你熟悉async/await吗？通常，您不应该像这样链接finally，最好是创建递归函数，例如：

const fetchSomething = async () => {
   try { 
     const result = await axios.get();

     if (...when fetching should stop...) {
       return result;
     }

     return fetchSomething();
   } catch(error) {
     return fetchSomething();
   }
}

但是对于reccurent函数来说，创建一些杀死开关以防止永远执行它是非常重要的--例如设置某种超时，1分钟左右，如果超过了这个限制，就停止执行。使用generators和yield可能会更容易，但我从未使用过此解决方案。