このガイドでは、TypeScript で関数の型を指定する方法について説明します。
TypeScriptで関数の「型」を指定するにはどうすればよいですか?
” タイプ ” キーワードは、関数のパラメータ/引数、またはその戻り値の型に対応します。パラメータでタイプを設定すると、ユーザーはそのタイプに他のタイプの値を追加できなくなります。
最初の例から始めましょう。
例 1: 関数の戻り値の型を指定する
この最初の例では、指定された関数の戻り値の型を指定し、その関数が指定された戻り値の型の値のみを返すように制限します。
コード
「.ts」拡張子を持つファイルで次のコード行を使用します。
関数 時間 ( ) : 番号 {
戻る 新しい 日にち ( ) 。 時間をもらう ( ) ;
}
コンソール。 ログ ( 時間 ( ) ) ;
上記のコード行では次のようになります。
- ” 時間() ” 関数は、” を指定します。 番号 」データ型をこの関数の戻り値の型として使用します。
- この「return」ステートメントでは、「 日にち ” にリンクされたオブジェクト 時間をもらう() 」メソッドを使用して、日付と時刻をミリ秒単位で「数値」として返します。
- 最後に、定義した関数を呼び出します。
出力
「tsc」コンパイラを使用して「.ts」ファイルをコンパイルし、コンパイルされた「.js」ファイルを実行します。
tscメイン。 ts //コンパイルノードメイン。 js //走る
ご覧のとおり、「Time()」関数は戻り値の型が「number」であるため、指定された数値を取得します。
例 2: 関数のパラメータの型を指定する
この例では、関数のパラメーターの型を指定して、他のデータ型の値を受け入れないよう制限します。
機能追加 ( ある : 番号、b : 番号 ) : 番号{
戻る ある + b ;
}
コンソール。 ログ ( 「合計は次のとおりです。」 + 追加 ( 10 、 二十 ) ) ;
このコードでは:
- ” 追加() 「関数は 2 つのパラメータを取ります」 ある と b 「タイプ」の 番号 ”。
- この関数は、指定された算術演算の結果として数値 (「a+b」) を返します。
- ” console.log() ” メソッドは、” を呼び出します 追加() 」関数は、指定された引数値を「数値」として渡します。
出力
tscメイン。 tsノードメイン。 js
ここでは、出力には指定された数値の合計が正常に表示されます。
例 3: TypeScript の関数の型とその型の指定
TypeScript では、関数は次の 2 つのタイプに分類されます。 名前付き ' と ' 匿名 ”。
名前付き関数
” 名前付き ” 関数は指定された名前で宣言されます。この関数には、関数のパラメータの型または戻り値の型が含まれる場合があります。そのデモの概要は「例 2」で説明されています。
構文
関数名 ( [ 引数 】 ) { }匿名関数
” 匿名 」関数は、実行時に式として動的に定義される変数に割り当てられます。これは simple/function と同じように機能します。ユーザーは、関数の機能を呼び出すために割り当てられている変数名を使用してこれを呼び出すことができます。
構文
結果を出しましょう = 関数 ( [ 引数 】 ) { }ここで、説明した関数を実際に示してみましょう。
myFunc にさせてください = 関数 ( バツ : 番号、y : 番号 ) : 番号 {戻る バツ * と ;
} ;
コンソール。 ログ ( myFunc ( 10 、 6 ) ) ;
上記のコード行では次のようになります。
- 「myFunc」変数は、パラメータ (その型とともに) と戻り値の型を持つ関数を定義します。
- 「return」ステートメントは、渡された値の乗算を返します。
- ” console.log() ” メソッドは、割り当てられた変数を使用して「匿名関数」を呼び出します。 myFunc 」 指定された値を引数として渡すことによって。
出力
tscメイン。 tsノードメイン。 js
ここでは、関数の戻り値の型が「number」であるため、出力は「numeric」型の値を返します。
結論
TypeScript では、「 タイプ 関数の「」は、指定された値のみが関数でサポートされるように、組み込みデータ型に基づいた関数のパラメーターまたは戻り値を指します。このガイドでは、TypeScript を使用して関数の「型」を指定する方法を簡単に説明しました。