関数宣言と関数式

  • はじめに JavaScriptの関数宣言関数式について学びましょう。関数宣言と関数式は、関数を定義する方法です。では、二人の説明を見ていきましょう。
Gal Normal

関数宣言と関数式ってなに?

Geek Curious

関数を定義する方法だよね?

Gal Happy

そうなの!関数宣言と関数式は、JavaScriptで関数を定義する二つの方法なの!

  • 関数宣言
  • 関数式
Gal Pleased

関数宣言は、 function キーワードを使って関数を定義する方法で、関数名が必須なの。こんな感じで書くわ!

function greet(name) {
    console.log('Hello, ' + name + '!');
}
Geek Happy

なるほど、関数宣言は function キーワードと関数名で定義するんだね!

Gal Happy

そうなの!一方、関数式は、無名関数を変数に代入する方法で、関数名は省略できるのよ。こんな感じで書くわ!

const greet = function(name) {
    console.log('Hello, ' + name + '!');
};
Geek Happy

わかった!関数式は無名関数を変数に代入する方法で、関数名は省略できるんだね!

Gal Happy

そうなの!どちらの方法でも関数を定義できるけど、関数式の場合は、変数のスコープにも影響されるから注意が必要なのよ!

  • おわりに JavaScriptの関数宣言と関数式では、関数を定義する方法が異なります。関数宣言はfunctionキーワードと関数名で定義し、関数式は無名関数を変数に代入する方法です。どちらの方法でも関数を定義できますが、関数式の場合は変数のスコープにも影響されることに注意しましょう!😀