「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > TypeScript ユーティリティの種類: コードの再利用性の向上

TypeScript ユーティリティの種類: コードの再利用性の向上

2024 年 11 月 2 日に公開
ブラウズ:980

TypeScript は、開発者が型を効果的に変換および再利用できるようにする組み込みのユーティリティ型を提供し、コードをより柔軟で ​​DRY にします。この記事では、TypeScript スキルを次のレベルに引き上げるのに役立つ、Partial、Pick、Omit、Record などの主要なユーティリティ タイプについて説明します。

Partial: すべてのプロパティをオプションにする
Partial ユーティリティ タイプは、タイプのすべてのプロパティをオプションに変換します。これは、オブジェクトの更新を処理するときに役立ちます。

interface User {
  name: string;
  age: number;
}

const updateUser = (user: Partial) => {
  // Now we can update only the properties we want
};

Pick: 特定のプロパティの選択
Pick を使用すると、既存のタイプからプロパティのサブセットを選択して新しいタイプを作成できます。

type UserDetails = Pick;

省略: プロパティを除く
Pick の反対に、Omit タイプは特定のプロパティを除外します。これは、いくつかのフィールドを削除したタイプが必要な場合に便利です。

type UserWithoutAge = Omit;

Record: キーと値のペアを使用したオブジェクトの定義
Record を使用すると、キーが特定のタイプであり、すべての値が同じタイプを共有するオブジェクト タイプを定義できます。

type UserRoles = Record;

const roles: UserRoles = {
  admin: true,
  user: false,
};

結論
TypeScript のユーティリティ型は、型を効果的に操作および再利用するための強力なツールを提供し、コードをよりモジュール化して再利用可能にします。これらのユーティリティをマスターすると、よりクリーンで保守しやすいアプリケーションを作成できるようになります。


読んでいただきありがとうございます!プロジェクトでユーティリティ タイプをどのように使用するかについて、ご意見をお聞かせください。
私のウェブサイト:https://shafayet.zya.me


あなたのためのミーム?

TypeScript Utility Types: Enhancing Code Reusability


リリースステートメント この記事は次の場所に転載されています: https://dev.to/shafayeat/typescript-utility-types-enhancing-code-reusability-507g?1 侵害がある場合は、[email protected] に連絡して削除してください。
最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3