如何将此异步函数转换为 promise？

Question

你好，我有这个异步函数，它通过 github api 和 returns 在对象中检索用户配置文件和存储库。

我想通过使用 promise 链（没有任何辅助方法）将其转换为基于 promise 的函数。

async function getUser(user) {
  const profileResponse = await fetch(`https://api.github.com/users/${user}`);
  const profileData = await profileResponse.json();

  const repoResponse = await fetch(`https://api.github.com/users/${user}/repos`);
  const reposData = await repoResponse.json();
  // returning an object with profile and data
  return {
    profile:profileData,
    repos:repoData,
  };
}

//Calling the function here.
getUser("abufattah").then((res) => console.log(res));

我已经设法使用两个辅助函数和 promise.all() 方法完成了它。

但是我如何在没有任何辅助函数的情况下使用 promise 链来实现同样的事情。

//Helper function 1: returns a promise with user profile data.
function getUserProfile(user) {
  return fetch(`https://api.github.com/users/${user}`)
         .then((res) =>res.json());
}


//Helper function 2: returns a promise with user repositories data.
function getUserRepos(user) {
  return fetch(`https://api.github.com/users/${user}/repos?per_page=5&sort=created`)
         .then((res) => res.json());
}
//Main function
function getUserWithPromise(user) {
  return new Promise((resolve) => {
    let profile = getUserProfile(user);
    let repos = getUserRepos(user);

    Promise.all([profile, repos]).then((values) => {
      resolve({ profile: values[0], repos: values[1] });
    });
  });
}

// calling the function here
getUserWithPromise("abufattah").then((res) => console.log(res));

Answer 1

您可以：

//Main function
function getUserWithPromise(user) {
  return Promise.all([
    fetch(`https://api.github.com/users/${user}`).then((res) =>res.json()),
    fetch(`https://api.github.com/users/${user}/repos?per_page=5&sort=created`).then((res) => res.json())
  ]).then(([result1, result2]) => ({ profile: result1, repos: result2 }));
}

// calling the function here
getUserWithPromise("abufattah").then((res) => console.log(res));

连锁：

function getUserWithPromise(user) {
  return fetch(`https://api.github.com/users/${user}`)
    .then((res) => {
      return fetch(`https://api.github.com/users/${user}/repos?per_page=5&sort=created`).then((fetch2Result) => ([res.json(), fetch2Result.json()]))
    }).then(([result1, result2]) => ({ profile: result1, repos: result2 }))
}

// calling the function here
getUserWithPromise("abufattah").then((res) => console.log(res));

Answer 2

将 async/await 语法转换为 .then() 调用是非常机械的，特别是如果它不涉及任何控制流语法（循环或条件）：

function getUser(user) {
  return fetch(`https://api.github.com/users/${user}`).then(profileResponse => {
    return profileResponse.json().then(profileData => {
      return fetch(`https://api.github.com/users/${user}/repos`).then(repoResponse => {
        return repoResponse.json().then(reposData => {
          // returning an object with profile and data
          return {
            profile:profileData,
            repos:repoData,
          };
        });
      });
    });
  });
}

但是没有充分的理由编写那样的代码。如果只是你的目标环境不支持async/await，让转译器来做转换。

如何将此异步函数转换为 promise？

How can I convert this async function to promise?

javascript

async-await

es6-promise