解説
JavaScriptで特定の処理を再利用可能な塊として定義する仕組みです。主に「関数宣言」と「アロー関数式」の2種類の書き方があります。
// 関数宣言
function add(a, b) {
return a + b;
}
// アロー関数式(基本)
const sub = (a, b) => {
return a - b;
};
// アロー関数式(1行の省略形)
const mul = (a, b) => a * b;
// 実行
console.log(add(2, 3)); // 5
console.log(sub(5, 2)); // 3
console.log(mul(4, 2)); // 8
種類と特徴
- 関数宣言:
functionキーワードを使用する伝統的な書き方。プログラムのどこからでも呼び出す(巻き上げ)ことが可能です。 - アロー関数式:
=>(矢印)記号を使用するモダンな書き方。functionを省略でき、処理が1行の場合はreturnや{}も省略できるため、コードを簡潔に記述できます。また、thisの挙動が関数宣言とは異なります。