📄
ラムダ式とコールバック関数
はじめに
業務でソースコードを読む際によく登場するのが、「関数を関数に渡す」「その場で関数を書く」といった考え方であり、中でも ラムダ式 や コールバック関数 は、非常によく使われる重要な概念である。
本記事では、TypeScript を用いてこれらの基礎について丁寧に解説する。
ラムダ式とは
MDN によるとラムダ式は以下のように定義されている。
アロー関数式は、従来の関数式の簡潔な代替構文
つまり無名関数（名前のない関数）を簡潔に書くための構文ということ。
MDN に記載されているアロー関数 とは、JavaScript / TypeScript におけるラムダ式の構文（記法） である。
基本の構文（アロー関数）
const sayHello = (name: string): void => {
console.log(`こんにちは、${name}さん！`);
};
sayHello("はなこ");
より簡潔な書き方（1 行の式の場合）
const square = (x: number): number => x * x;
console.log(square(5)); // 出力: 25
このように、ラムダ式はその場限りのシンプルな関数を定義したいときに非常に便利である。
コールバック関数とは
MDN によるとコールバック関数は以下のように定義されている。
コールバック関数（callback function） とは、他の関数に引数として渡され、その中で呼び出される関数 のことである。
つまり関数の引数として渡され、後から呼び出される関数ということだ。
TypeScript による例
callback: () => void は「引数なし・戻り値なしの関数型」である。
greet関数の中で引数に渡した関数を実行している。
const greet = (name: string, callback: () => void): void => {
console.log(`こんにちは、${name}さん！`);
callback(); // コールバック関数を実行
};
const done = (): void => {
console.log("ご挨拶が完了した。");
};
greet("たろう", done());
// --------- 出力 ---------
// こんにちは、たろうさん！
// ご挨拶が完了した。
ラムダ式 × コールバック関数（map 関数の例）
TypeScript では、ラムダ式をコールバック関数として使用する場面が多く存在する。
その代表例が、配列のmap()関数である。
map()関数は、配列の各要素に関数を適用し、結果を新しい配列として返すメソッドである。
例：配列の各要素を 2 倍にして新しい配列を作る
const numbers: number[] = [1, 2, 3, 4];
// ラムダ式を使ったコールバック関数を map に渡す
const doubled = numbers.map((n: number): number => n * 2);
console.log(doubled); // 出力: [2, 4, 6, 8]
ここで (n: number): number => n * 2 は、ラムダ式であり、
同時に map() に渡されるコールバック関数でもある。
まとめ
| 用語 | 定義 |
|---|---|
| コールバック関数 | 他の関数に引数として渡され、後で呼び出される関数 |
| ラムダ式 | 無名関数（名前のない関数）を簡潔に書くための構文 |
参考資料
Discussion