引数と戻り値の型定義

CoddyのJavaScriptジャーニー「Introduction To TypeScript」セクションの一部。レッスン 22/73。

関数はあらゆるアプリケーションの構成要素であり、TypeScriptは、どのような型のデータを受け取り、返すかを正確に指定できるようにすることで、それらをより安全で予測可能なものにします。関数に型アノテーションを追加すると、何が入力され、何が出力されるかを定義する明確な契約を作成することになります。

関数に型を追加するには、各パラメータの名前の後にその型を指定し、必要に応じてパラメータリストの後に戻り値の型を指定します：

function greet(name: string): string {
  return "Hello, " + name;
}

function multiply(a: number, b: number): number {
  return a * b;
}

構文はシンプルなパターンに従います。各パラメータに対しては parameterName: type、閉じ括弧の後には : returnType を記述します。

チャレンジ

簡単

2つの number 型のパラメータを受け取り、その和を返す add という名前の関数を作成してください。この関数には、戻り値の型として明示的に number の型アノテーションを付ける必要があります。

次に、string 型の firstName と string 型の lastName という2つのパラメータを受け取る getFullName という名前の関数を作成してください。この関数は、名と姓の間にスペースを入れた1つの文字列としてフルネームを返す必要があります。戻り値の型として明示的に string の型アノテーションを追加してください。

3つ目の関数として、number 型の age と boolean 型の hasLicense という2つのパラメータを受け取る isEligible という名前の関数を作成してください。この関数は、年齢が18歳以上かつ免許を持っている場合に true を返し、それ以外の場合は false を返す必要があります。戻り値の型として明示的に boolean の型アノテーションを追加してください。

以下の値で関数を呼び出し、結果を出力して関数をテストしてください：

add を 15 と 27 で呼び出す
getFullName を "John" と "Smith" で呼び出す
isEligible を 20 と true で呼び出す
isEligible を 16 と true で呼び出す

各結果を、上記の順序で個別の行に出力してください。

自分で試してみよう

// TODO: ここにコードを書いてください
// 明示的な戻り値型の注釈を付けて add 関数を作成します

// 明示的な戻り値型の注釈を付けて getFullName 関数を作成します

// 明示的な戻り値型の注釈を付けて isEligible 関数を作成します

// 関数をテストして結果を出力します
// 15 と 27 を引数に指定して add を呼び出します
// "John" と "Smith" を引数に指定して getFullName を呼び出します
// 20 と true を引数に指定して isEligible を呼び出します
// 16 と true を引数に指定して isEligible を呼び出します