引数として関数を渡して実行させるとundefinedになります。どのように渡すのが正しいでしょうか？

Question

https://jsfiddle.net/hanyoaka/Lpeajvk5/2/

上記のような形で引数として関数をわたして実行したものの、undefinedになってしまいます。

const hoge = (func) => {return func};

このような形にすればconsoleには"function()"と出力されるので、関数としては認識されているようなのですが、実行させるとundefinedになるのは一体なぜでしょうか？

Answer 1

() => {"fuga"}という関数は、無駄に"fuga"というリテラルがあるだけで、返り値はundefinedです。つまり、ちゃんと関数の返り値を表示しています。

---

外部サービスでコードを再現するのもいいのですが、質問だけ読めばわかるように、質問にも同じコードを書いたほうがいいでしょう。

Answer 2

const hoge = (func) => {return func()};

console.log(hoge(() => {return "fuga"}))

あるいは

const hoge = (func) => {return func()};

console.log(hoge(() => "fuga"))

で解決できました。

波括弧を使った場合はreturnが必要だということを理解できていませんでした。