如何改进此 REST 请求承诺代码？

Question

我正在尝试在一些检索 REST 资源的代码中改进 Promise 的使用。我有许多 REST 调用使它们执行相同的操作序列：

1. 如果之前没有获取过配置资源，则从服务器获取配置资源
2. 分派一个 Flux 动作来指示请求的开始
3. 发送对实际资源的请求
4. 解析响应中的 JSON
5. 使用已解析的数据发送指示成功的通量操作。

我目前用于执行此操作的代码如下。

getThingsFromServer() {
    return getConfigIfNeeded().then(() => {
        dispatchStartOfRequestAction();
        return window.fetch(`${store.baseURL}/resource`)
                     .then((response) => {
                         if(response.ok) {
                             return response.json();
                         } else {
                             return Promise.reject(new Error(`${response.status} ${response.statusText}`));
                         }
                     }, (error) => {
                         return Promise.reject(new Error(`Network error: ${error.message}`));
                     })
                     .then((data) => {
                         dispatchSuccessAction(data);
                     }, (error) => {
                         return Promise.reject(new Error(`JSON parse error: ${error.message}`));
                     })
                     .catch((error) => {
                         dispatchFailureAction(error)
                     });
    });
}

我希望能够单独处理许多错误情况，之后我想调度失败操作（在 catch() 中完成）。

目前，如果单个then() 错误处理程序之一被调用，则在最终调用catch() 之前，还会调用每个后续的then() 错误处理程序。我只想要一个单独的处理程序并调用 catch。

我可以放弃单独处理每个错误并在其末尾使用单个 catch，但各种来源都支持和诋毁在承诺链末端以相同方式处理所有这些不同错误的做法。是否有超出个人意见的“正确”答案？

Answer 1

如果单个then() 错误处理程序之一被调用，则每个后续then() 错误处理程序也会被调用

是的，如果你从那个处理程序抛出（或返回一个被拒绝的承诺），承诺将被拒绝，随后的错误处理程序将被调用。真的没有办法解决这个问题。到differentiate the errors，你将have to nest（另见here）。

在你的情况下，你会想要使用

dispatchStartOfRequestAction();
return fetch(`${store.baseURL}/resource`)
.then(response => {
    if (response.ok) {
        return response.json()
        .catch(error => {
            throw new Error(`JSON parse error: ${error.message}`);
        });
    } else {
        throw new Error(`${response.status} ${response.statusText}`);
    }
}, error => {
    throw new Error(`Network error: ${error.message}`);
})
.then(dispatchSuccessAction, dispatchFailureAction);