関数の宣言

関数 は、名前を付けた再利用可能なコードです。 引数を渡して呼び出すと、本体が実行され、 return を使用して値を返すことができます。

古典的な宣言

最も一般的な形式は 関数宣言 です。

function saluta(nome) {
  return `Ciao, ${nome}!`;
}

saluta('Anna'); // 'Ciao, Anna!'
saluta('Marco'); // 'Ciao, Marco!'

注意すべき点:

• nome は パラメータ (関数に対してローカルな変数) です。
• 'Anna' は 引数 (呼び出し時に渡される値) です。
• return がない場合、関数は undefined を返します。

関数式

JS の関数は 値 であり、変数に割り当てることができます。

const quadrato = function (n) {
  return n * n;
};

quadrato(4); // 16

2 つの形式はほぼ同等ですが、重要な違いが 1 つあります。

• 関数宣言 は「ホイスト」されています。コード内でその関数が出現する行の前でも呼び出すことができます。
• 関数式 は const/let ルールに従います。これは代入後にのみ存在します。

明示的な return はありません

function logga(msg) {
  console.log(`[LOG] ${msg}`);
  // no return → the function returns undefined
}

const r = logga('ciao'); // prints "[LOG] ciao"
r; // undefined

試してみてください

復習演習