JSでの非同期通信、同じ結果にならないのはなぜ？？？

Question

以下にGithubのユーザー情報を返す関数を書きました。
fetchGithubProfileがasync/awaitで書いた関数です。
_fetchGithubProfileがPromiseオブジェクトを直にいじって書いた関数です。
それぞれ、返り値に期待しているものはPromiseオブジェクトです。
これら2つの結果を出力すると、fetchGithubProfileではしっかりとGithubのユーザー情報が出力されるのに対して、_fetchGithubProfileでは何も出力がされません。

なぜなのでしょうか？？教えていただけると幸いです。

const GITHUB_URL = "https://api.github.com/users/hoge";

const fetchGithubProfile = async () => {
  const response = await fetch(GITHUB_URL);
  const result = await response.json();

  return result;
};

const _fetchGithubProfile = () => {
  const promise = new Promise(() => {
    fetch(GITHUB_URL)
      .then(response => response.json())
      .then(result => result);
  });

  return promise;
};

fetchGithubProfile().then(a => console.log(a));
_fetchGithubProfile().then(a => console.log(a));

Answer 1

new PromiseでPromiseを作成する場合、コールバックにresolveとrejectが渡されますが、状態はそこでしか変えられません。今回はどちらも使っていないので、作成したPromiseの状態は永遠に変わりません。

…というより、fetch自体がPromiseを返しますので、そのまま返り値にするだけでOKかと思います。

const _fetchGithubProfile = () => {

  return fetch(GITHUB_URL)
      .then(response => response.json())
      .then(result => result);

};