JavaScriptの基本 関数リテラル

JavaScript 2022年2月18日

出典：Let’sプログラミング
出典：JavaScript アロー関数を説明するよ

関数リテラルとは

　よく分からんが、関数文字列とでも言う存在か、関数自体を変数に入れることができ、通常は関数名を付けないので、名前のない関数は無名関数（匿名関数）と呼ばれる。

関数リテラルの定義

let 変数名 = function(引数1, 引数2, ...){
  実行される処理1;
  実行される処理2;
  ...

  return 戻り値;
};


無名関数の呼び出し

変数名で呼び出す。

let dispTotal = function(x, y){
  let sum = x + y;
  return sum;
};
let result = dispTotal(3, 4);
console.log(result);
>> 7


アロー関数での記述

let dispTotal = (x, y) => x + y;
console.log(dispTotal(3, 4));//7
>> 7


関数リテラルの利点

　一度しか使用されない関数、例えばコールバック関数に使用
　関数呼び出しの引数としても指定できる。

function dispNum(x, y, func){
  console.log(func(x, y));
}

let calcAverage = function(x, y){
  return (x + y) / 2;
};

dispNum(10, 8, calcAverage);
>> 9

より簡単に次の表現も可能

function dispNum(x, y, func){
  console.log(func(x, y));
}
dispNum(10, 8, function(x, y){
  return (x + y) / 2;
});
>> 9

　やはりアロー関数での記述が簡単な気が

let dispNum = (x, y) => (x + y)/2;
console.log(dispNum(10, 8)); //9