在 fetch .then 中调用另一个函数 - Javascript

Question

我对 ES6 还很陌生（曾经使用 Jquery 和所谓的回调地狱来处理该部分）。我得到了这个代码（工作）：

    feti(api_login, tudo);

    function feti(caminho, dados) {
      fetch(caminho, {
      method: 'POST',
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify(dados)
      })
      // captura o erro 
      .then(erroAPI)
      // converte o sucesso em JSON
      .then(response => response.json())
      // disponível para uso
      .then((data, outraFunc) => {
        resposta = data.qscoluna;
        porTod(resposta);
      });
    }

    function porTod(valor){
      let api_login_suc = valor[0];
      salvaTudo(api_login_suc);
    }

第一个函数是使用 fetch (feti) 的函数，第二个函数使用来自第一个函数 (portTod) 的响应。

在我的站点中，我使用了很多 API 调用，所以我想让“feti”函数成为一个可重用的函数。问题是：如何才能从第二个函数访问它，而不在第一个函数中调用第二个函数（就像我现在正在做的那样？）？如果我只是尝试从 fetch 返回结果并在第二个函数中使用它，我会得到一个未定义的响应，正如预期的那样。我相信某种承诺会是理想的，但我找不到任何与我的问题类似的问题，我被困住了。如果有人能指出我正确的方向，那就太好了。只需“搜索这个”就会有很大帮助！

谢谢 :D

Answer 1

只需返回您想要处理的承诺：

function feti(caminho, dados) {
  return fetch(caminho, {
    method: 'POST',
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify(dados)
  })
  // captura o erro 
  .then(erroAPI)
  // converte o sucesso em JSON
  .then(response => response.json())
}

那么不要只调用feti(api_login, tudo);做

feti(api_login, tudo).then(data => {
  const resposta = data.qscoluna;
  porTod(resposta);
});