関数の型(引数・戻り値)

このレッスンでは、TypeScriptで関数の引数と戻り値に型を付ける方法を学びます。「TypeScript 関数型注釈」で調べている方向けです。

関数を定義するとき、各引数に引数名: 型、関数全体には): 戻り値の型 {という形で型を付けられます。これにより「この関数は何を受け取り、何を返すのか」が一目で分かります。

サンプルコードでは、function greet(name: string): stringという関数を定義しています。nameは文字列を受け取り、関数全体は文字列を返すという意味です。

初心者がよくつまずくのが、戻り値の型を書き忘れて、意図しない型が返っていることに気づかないケースです。戻り値の型を明示しておくと、関数の中身を変更したときに型のズレをTypeScriptが自動で検出してくれます。

実際の開発現場では、関数のシグネチャ(引数と戻り値の型)を見ただけで使い方が分かるようになるため、他人が書いた関数を使うときの安心感が大きく変わります。

📖 お手本コード

function greet(name: string): string {
  return `こんにちは、${name}さん!`;
}
console.log(greet("はなこ"));

✍️ あなたのコード

コードを書いたら「実行する」を押してください

🧪 このサイトではTypeScriptを直接コンパイル・実行できないため、お手本コードと同じ内容を入力できたかをその場で判定します(採点はブラウザ内だけで行われ、どこにも送信されません)。

🎯

ここまでできればゴール達成!
挨拶メッセージを生成する、型が保証された再利用可能な関数が作れるようになります。