async の返り値について

Question

今、asyncを勉強しているのですが、
想定としては6が返ってくる想定なのですが、キャプチャーの様になってしまいます。

const hello = async (num) => {
  let = result;
  result = await calc(num)

  return result
}

const calc = (num) => {
   return num * 2
}

alert(hello(3))

調べてみて、解決するのにthenが使えるのかな？と思いましたが、
alertは呼ばれす。。
基本的な質問で恐縮ですが、6が返って来るにはどうしたらよいでしょうか？

hello(3).then(res => alert(res))

Answer 1

asyncを受けるには更に上位でasnycしてawaitで処理します

(async()=>{
alert(await hello(3));
})();

Comments

[yambejp]

そもそもcalcがasync処理でないのにawaitで呼び出す意味はあまりありません
つまりhelloがasyncである必要もないということです。
（今回はあくまでサンプルということでしょうけど・・・）

Answer 2

原因の一つ目は、指摘いただいた様に、resultの変数定義がダメでした。
2つ目は.thenで解決したら取得できました。

修正したコードは下記になります。

const hello = async (num) => {
  let result;
  result = await calc(num)
  return result
}

const calc =  (num) => {
   return num * 2
}

hello(3).then((res) => alert(res))

Answer 3

typoです。

let = result;→let result;

Comments

[Awtanabe]

ご指摘ありがとうございます！
ただ、追記した内容の様に、
Promise pendingのままなのですが、どうすれば良いかお分かりでしょうか？

[Lhankor_Mhy]

当方の環境では、
hello(3).then(res => alert(res))
で、問題なく 6 がアラートされています。

そちらの環境を教えていただけますか？