復習:ジェネリック関数の演習
CoddyのJavaScriptジャーニー「Introduction To TypeScript」セクションの一部。レッスン 62/73。
チャレンジ
簡単2つの異なる型の引数を受け取り、それらをタプルとして返す makePair という名前のジェネリック関数を作成してください。
この関数は以下の条件を満たす必要があります:
- 2つのジェネリック型パラメータ
TとUを使用すること - 型
Tのパラメータfirstを受け取ること - 型
Uのパラメータsecondを受け取ること - 型
[T, U]のタプルを返すこと - 明示的な戻り値の型アノテーションを持つこと
以下の変数を作成して、関数をテストしてください:
stringNumberPair-makePairを"Hello"と42で呼び出すbooleanStringPair-makePairをtrueと"World"で呼び出すnumberBooleanPair-makePairを100とfalseで呼び出す
分割代入を使用して、タプルから値を取り出してください:
stringNumberPairを変数textとnumに分割代入するbooleanStringPairを変数flagとmessageに分割代入する
以下の内容を出力してください:
textを出力するnumを出力するflagを出力するmessageを出力するnumberBooleanPairの最初の要素を出力するnumberBooleanPairの2番目の要素を出力するmakePairを"TypeScript"と2024で呼び出した結果の最初の要素を出力するmakePairを99と"bottles"で呼び出した結果の2番目の要素を出力する
自分で試してみよう
// TODO: ここにコードを書いてください
// 型パラメータTとUを持つジェネリックなmakePair関数を作成します
// この関数は2つの引数を受け取り、タプルを返す必要があります
// TODO: 必要な変数を作成して関数をテストします
// stringNumberPair, booleanStringPair, numberBooleanPair
// TODO: 分割代入を使用してタプルから値を抽出します
// 指定された通りにstringNumberPairとbooleanStringPairを分割代入します
// TODO: 必要な出力をすべて表示します
// text, num, flag, message、およびその他の必要な値を表示しますIntroduction To TypeScriptのすべてのレッスン
2基本の型
基本の型: str, num, boolean'any' 型: 脱出ハッチ'unknown' 型'null' と 'undef' の扱い型推論の実践明示的な型アノテーションまとめ:基本の型の演習5型:エイリアス、ユニオン型、インターセクション型
プリミティブ型の型エイリアスユニオン型 ('|')ユニオン型の扱い方リテラル型インターセクション型 ('&')型エイリアスの組み合わせまとめ:高度な型の組み合わせ自分で練習してみよう: JavaScriptオンラインコンパイラ