Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ パラメーターとリターンステートメント | 関数
TypeScript入門

bookパラメーターとリターンステートメント

メニューを表示するにはスワイプしてください

関数のさらなる探求を続けます。この章では、関数の基本的な機能であるパラメータの受け取りとデータの返却について詳しく説明します。これにより、どんな関数も計算マシンとして利用できます。まずは基本から始めましょう。下記のコードは、2つの数値をパラメータとして受け取り、その合計を返します。

123456
function add(a: number, b: number): number { return a + b; } let result = add(5, 10); console.log(result);
copy

上記の例では、丸括弧内に2つのパラメータと、それぞれのデータ型を指定しています。

パラメータとは?

これは、関数を呼び出す際に渡すデータであり、関数本体の中でこれらのパラメータを利用できます。たとえば、上記の例では関数を呼び出すときに2つの数値を渡し、関数本体でこれら2つの数値を加算しています。

これらの処理の後、関数は最終的な値を返します

関数が値を返す仕組み

キーワードreturnを使います。returnを使って2つのパラメータの合計を返していることがわかります。

また、関数宣言時にコロンを使って返却されるデータ型も指定します。

説明が長くなりましたので、関数の宣言と利用の別の例を見てみましょう。

1234567891011121314
function sumArray(numbers: number[]): number { let sum = 0; for (let i = 0; i < numbers.length; i++) { sum += numbers[i]; } return sum; } let numbers = [1, 2, 3, 4, 5]; let total = sumArray(numbers); console.log(`Sum of numbers in the first array: ${total}`); let numbers_2 = [2, 4, 6, 8, 10]; let total_2 = sumArray(numbers_2); console.log(`Sum of numbers in the second array: ${total_2}`)
copy

上記の関数は、配列内のすべての要素の合計を計算します。最初の要素から最後の要素まで処理します。関数の本体内にこの処理を行うループがあることがわかります。このように、関数を再利用可能なコードブロックとして使用することで、多くのコード行数を削減できます。このコードブロックは、わずか1行のコードで何度も呼び出すことができます。

また、関数を使って変数を初期化している点にも注目してください。この変数の型は、関数の戻り値の型と同じになります。

1. TypeScript関数におけるパラメータの目的は何ですか?

2. TypeScript関数における戻り値の主な役割は何ですか?

question mark

TypeScript関数におけるパラメータの目的は何ですか?

正しい答えを選んでください

question mark

TypeScript関数における戻り値の主な役割は何ですか?

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 5.  2

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 5.  2
some-alt