【JavaScript】関数の書き方の違いについて

Question

JavaScriptの勉強をしています。
以下のように、関数宣言をしてそれを呼び出す方法と、関数を変数化して呼び出す方法の違いについてお伺いいたします。

// 通常の関数宣言
function func1(test) {
 return test;
}
func1("test");

// 関数の変数化
const func2 = function(test) {
 return test
}
func2("test2");

上記の違いは何でしょうか？
また、どちらが推奨とかってありますか？
どのような意図で使い分けるのか、教えていただきたいです。
よろしくお願いいたします。

Answer 1

関数宣言と関数式の違い

• 変数のスコープ(Hoisting, TDZ)
• 変数の再代入可否(const)
• 関数名の変更可否(名前付き関数式)
• 関数宣言と関数式

過去ログ

• PHP - 宣言と定義の違いについて｜teratail
• JavaScript - JavaScriptの入門を解説しているサイトはどこが良いでしょうか？｜teratail

Re: antiwararug さん

Comments

[antiwararug]

ご回答いただきありがとうございます。
諸々調べてみます。

Answer 2

私個人的には特に推奨とかはないです。お好みでどうぞ。
メンテナンス性と可読性を加味し、同じプロジェクト内で記述方法が混ざらないように注意してください。

参考になりそうな質問
関数文と関数式の違いとは何なのでしょうか？

Comments

[m.ts10806]

過去質問に結構ありますね。
https://teratail.com/search?q=%E9%96%A2%E6%95%B0+%E9%81%95%E3%81%84+tag%3AJavaScript

関数文と関数式の違いを聞いている質問とかまさにそれっぽい。
回答してた。

[antiwararug]

ご回答いただきありがとうございます。
過去に同様の質問があったようで、失礼いたしました。

[m.ts10806]

いえ、キーワード選定間違えばいくら探しても出てこないのはよくあるな話です。
ただ、大抵のことは過去に誰かがやってます。キーワード選定を色々組み合わせるようにしてみてください。