javascriptのfunctionについて質問です

Question

var hoge = function(){
};
function hoge() {
}

この2つの使い分けがわかりません。
こういった場合はこちらを使うなど明確にあったりするのでしょうか？？

Answer 1

「関数式」と「関数宣言」では変数に実体化されるタイミングが異なります。
使い分けの基準は特にないので性質を知った上で使い分けて下さい。

hoge(); // function hoge () {}
var hoge2 = hoge;
hoge = null;
hoge2(); // null

foo(); // TypeError: foo is not a function

var foo = function piyo () { // 変数宣言時に実体化される
  console.log(piyo); // 名前付き関数式の関数名による名前空間は不変であり、後から改変されるリスクはない
};

function hoge () { // 関数orグローバルコードの先頭で実体化される
  console.log(hoge);
}

名前付き関数式は Function#name にも影響します。

• Function.name - JavaScript | MDN

Re: hidegital さん

Comments

[hidegital]

なるほど。大変参考になりました。ありがとうございます。