マスターするタイプスクリプトユーティリティタイプ

Partial すべての属性をオプションにし、更新操作に適しています。 2。必要な完全な構成を確保するために必要なすべての属性を作成します。 3. readonly 偶発的な変更を防ぐための読み取り専用タイプを作成します。 4。抽出物オブジェクトのトリミングの指定された属性を抽出します。 5。DTO処理に一般的に使用される指定された属性を除外します。 6。レコードルーティングまたはステートマッピングに適したキー値マッピングを定義します。 7.除外は、割り当て可能なタイプを除外し、抽出して、ジョイントタイプフィルタリングのために挿入可能なタイプを抽出します。 8。型の安全性を向上させるために、null nullを削除して定義されていない。 9。パラメーターおよびreturnType 関数パラメーターと戻り値タイプを個別に抽出して、高次関数処理を容易にします。 10。待望のは、非同期の派生に適した、ネストされた約束の最終的な値を解析します。これらの実用的なタイプは、タイプスクリプト開発における効率とタイプの安全性を改善するためのコアツールです。マスタリング後、コードの保守性と堅牢性を大幅に向上させることができます。

タイプスクリプトのユーティリティタイプは、開発において不可欠なツールであり、タイプをより効率的に操作し、コードの保守性とタイプの安全性を向上させるのに役立ちます。これらの組み込みのツールタイプをマスターすると、複雑なタイプの変換を扱うときに安心できます。すべてのTypeScript開発者が熟練する必要があるコアの実用的なタイプは次のとおりです。

1。partial Partial<t></t> ：すべての属性をオプションにします

Partial<t></t>オブジェクトのすべてのプロパティをオプションにする必要がある場合に役立ちます。操作を更新したり、オブジェクトの構成に使用したりするためによく使用されます。

インターフェイスユーザー{
  ID：番号;
  名前：文字列;
  電子メール：文字列;
}

function updateuser（id：number、change：partial <user>）{
  //着信フィールドのみを更新}

このようにして、 changes name 、 email 、または空のみを含めることができます。

注： Partialは浅く、ネストされたオブジェクトのプロパティは自動的にオプションになりません。

2。 Required<T> ：すべての属性を必要とします

Partialとは反対に、 Required<T>はすべてのオプションのプロパティを必須にします。構成オブジェクトのすべてのフィールドが入力されるようにするシナリオに適しています。

インターフェイスconfig {
  apiurl？：string;
  タイムアウト？：番号;
  retries？：number;
}

const defaultconfig：必須<config> = {
  apiurl： &#39;https：//api.example.com&#39;、
  タイムアウト：5000、
  再試行：3、
};

元のインターフェイスがオプションであっても、必須であっても、すべてのフィールドを提供する必要Required 。

3。Readonly Readonly<T> ：読み取り専用タイプを作成します

オブジェクトが予期せず変更されないようにします。修正したくない関数の定数、状態管理、またはパラメーターに適しています。

インターフェイスポイント{
  X：番号;
  Y：番号;
}

const origin：readonly <point> = {x：0、y：0};
// Origin.x = 10; //❌エラー：値を割り当てることができません

大きなオブジェクトまたは状態の木にReadonly使用すると、副作用を効果的に回避できます。

4。Pick Pick<T, K> ：指定された属性を抽出します

タイプから関心のあるいくつかのフィールドを選択し、新しいタイプを作成します。 API応答のトリミングまたはフォームフィールド選択に最適です。

インターフェイスユーザー{
  ID：番号;
  名前：文字列;
  電子メール：文字列;
  パスワード：文字列;
}

type publicuser = pick <user、 &#39;id&#39; | 「名前」>;
// {id：number;名前：文字列}

タイプセーフを維持しながら、敏感なフィールド（ passwordなど）を公開しないでください。

5。Omit Omit<T, K> ：指定された属性を除外します

Pickに反して、 Omit特定のフィールドを削除するのに役立ちます。 DTO（データ転送オブジェクト）を処理する際に非常に実用的です。

タイプSAFEUSER = OMIT <user、 &#39;password&#39;>;
// {id：number;名前：文字列;メール：文字列}

特に多くのフィールドがある場合、それはすべての非敏感なフィールドをマニュアルPickよりも簡潔です。

6。 Record<K, T> ：キー値マッピングタイプを定義します

キーが1つのタイプであり、値が別のものであるオブジェクトが必要な場合、 Record非常に適しています。

型ルート=録音<string、（）=> string>;

constルート：ルート= {
  家：（）=> &#39;/&#39;、
  プロフィール：（）=> &#39;/プロフィール&#39;、
  設定：（）=> &#39;/settings&#39;、
};

また、構成マッピング、状態列挙などにも一般的に使用されます。

より厳しい例：

タイプステータス= 'ロード' | 「成功」| 'エラー';
constメッセージ：録音<ステータス、string> = {
  読み込み：「ロード...」、
  成功：「操作は成功した」、
  エラー：「エラーがありました」、
};

書き込みが少ないか、もう1つの状態を書くと、TypeScriptはエラーを報告します。

7。 Exclude<T, U> 、 Extract<T, U> ：タイプフィルタリング

• Exclude<T, U> ：tからuに割り当てることができるタイプを除外します
• Extract<T, U> ：uに割り当てることができるtのタイプを抽出します

タイプステータス= 'アイドル' | 「ロード」| 「成功」| 'エラー';
loadingStatesを入力=抽出<ステータス、 &#39;loading&#39; | 「アイドル」>; //「アイドル」| 「ロード」
タイプerroronly = exclude <status、 &#39;idle&#39; | 「ロード」| 「成功」>; // &#39;エラー&#39;

条件付きおよび組合タイプの操作において非常に強力です。

8。NONNULLABLE NonNullable<T> ：nullを削除して定義されていません

null値を含む可能性のあるジェネリックを扱う場合、型がnullまたは未定義のnullまたはundefined扱う場合に役立つことを確認してください。

タイプmaybestring = string | null |未定義;
タイプempulationString = nonullable <MayBestring>; // 弦

タイプガードとともに使用されると、型推論の精度を向上させることができます。

9。 Parameters<T>およびReturnType<T> ：関数タイプ分析

関数タイプからパラメーターと戻り値タイプを抽出することは、高次関数またはテストツールに特に役立ちます。

 function createUser（name：string、age：number）：{id：number;名前：文字列;年齢：番号} {
  return {id：date.now（）、name、age};
}

type args = parameters <typeof createUser>; // [文字列、番号]
タイプresult = returnType <typeof createUser>; // {id：number;名前：文字列;年齢：番号}

機能、ログ、キャッシュなどの一般的なロジックをカプセル化するために使用できます。

10。 Awaited<T> ：約束の深い結果を分析します

async/awaitまたはPromise.thenのリターンタイプを処理するのに適しています。その後、ネストされた約束を正しく解析できます。

タイプdeeppromise = Promise <Promise <Promise <String >>>;
タイプ値= waited <deeppromise>; // 弦

async function fetchuser（）{
  return {id：1、name： &#39;alice&#39;};
}

タイプユーザー= waited <returnType <typeof fetchuser >>; // {id：number;名前：文字列}

特に複雑な非同期シナリオでは、 .then()タイプの推論よりも正確です。

基本的にそれだけです。これらの実用的なタイプは「スキルを示す」ものではなく、毎日タイプスクリプトを書くときに効率とセキュリティを本当に改善できるツールです。たとえば、プロジェクトで使用しようとすることをお勧めします。

 updateuserdto = obit <partial <user>、 &#39;id&#39;>をobit obit obit>;
タイプApiresponse <t> = {data：t;ステータス：「成功」} | {エラー：文字列;ステータス：「エラー」};
datafromResponse <t> =抽出<待望<t>、{status： &#39;success&#39;}> [&#39;data&#39;];

複雑ではありませんが、無視するのは簡単です。それらをマスターすると、あなたのタイプスクリプトは本当に紹介されています。

以上がマスターするタイプスクリプトユーティリティタイプの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。