Typescriptでのピックの働き方⛏️


こんにちは皆さん、今日は元気?この動画はお気に入りから削除されています.

序文


今日、我々はどのようにピックユーティリティが動作し、どのように構築さを理解しようとしている!

コンセプト


まず、それを理解することが重要です
タイプスクリプトは
JavaScriptのSupersetは静的な型定義を追加するのに責任があります.
型はオブジェクトの形を記述する方法を提供します.

働く


ピックユーティリティは、2番目のジェネリック位置で選択されたプロパティのセットに基づいて新しい型を構築します.例を見てください.
type Water = {
  hydrogen: number;
  oxygen: number;
};

type Electrolysis = Pick<Water, "hydrogen">;

const electrolysis: Electrolysis = {
  hydrogen: 2,
};

この場合、我々は水タイプから水素を抽出して、このタイプの電解
これにより発熱が生じる.水素と酸素の場合、放出されるエネルギーはほとんど制御できない.

でもどうやって選ぶの?


まず、マッピング関数が何であるかを理解しなければなりません.
マップされた型は、キーを反復処理して新しい型を作成するために、キープロパティの結合を使用するジェネリック型です.
例を見てください.

PはIDと名前について対話します.t [ p ]は反復位置のreadonly型を返します.
Keyofは型のキーまたは数値リテラル結合を生成します.

ピックユーティリティの解体



この場合、我々はジェネリックを使用して、拡張キーで制限したいキーをキャプチャします.その後、マッピング関数を使用して、すべてのk(ジェネリックに渡されるパラメーター)を横断します.

これは魔法です!
時間は非常に重要な、私とあなたの少しを共有するためのおかげで😊.