A TypeScript-kód egyszerűsítése 6 alapvető segédprogramtípussal

A TypeScript a JavaScript szuperkészlete, amely lehetővé teszi, hogy statikus gépelést adjon a kódbázishoz. Erőteljes típusrendszerével a TypeScript jobb kód olvashatóságot és a fordítási idő alatti hibák észlelését kínálja.

A TypeScript egyik legelőnyösebb aspektusa a beépített segédprogramtípusai, amelyek leegyszerűsíthetik a kódolási erőfeszítéseket, és értékes fejlesztési időt takaríthatnak meg. Vessen egy pillantást ezekre a kötelező TypeScript segédprogramtípusokra, amelyek segítségével könnyedén írhat típusbiztos kódot.

TypeScript A részleges segédprogram típusa lehetővé teszi az objektum bármely tulajdonságának opcionálissá tételét. Lehetővé teszi bizonyos tulajdonságokkal rendelkező objektumok létrehozását, amelyek hiányozhatnak vagy nincsenek meghatározva. Vegyük például:

felület felhasználó { 
 név: húr; 
 kor: szám; 
 email: húr;
}

Használni a Részleges közmű típus, létrehozhat egy új típust a felhasználói felület összes tulajdonságával, amely nem kötelező:

típus OptionalUser = Részleges

Most létrehozhat egy példányt az OptionalUser típusúból, csak néhány tulajdonsággal:

const user: OptionalUser = { név: "János" };

Előfordulhat, hogy bizonyos opcionális tulajdonságokkal rendelkező objektumot kell létrehoznia. Ez jól jöhet különösen formák építésekor amelyek több mezővel rendelkeznek, mivel nem feltétlenül mindegyikre van szükség, és ilyen esetekben a részleges hasznosság létfontosságú lehet.

A TypeScript Pick segédprogramtípusa segíthet új típus létrehozásában, mivel csak a tulajdonságok egy részét választja ki egy meglévő típusból. Akkor hasznos, ha egy nagyobb objektumot csak néhány szükséges tulajdonságra kell leszűkítenie, vagy ha szigorú gépelést szeretne kikényszeríteni a szükséges tulajdonságokon.

felület felhasználó { 
 elhelyezkedés: húr;
 kor: szám; 
 email: húr;
}
típus PersonWithoutEmail = Kiválasztás'elhelyezkedés' | 'kor'>;
const személy: SzemélyEmail nélkül = { 
 elhelyezkedés: 'EGYESÜLT ÁLLAMOK', 
 kor: 30
};

Ebben a példában a „Felhasználó” nevű felület három tulajdonságot határoz meg: e-mail, életkor és hely.

Használatával a Válassza ki a segédprogram típusát, akkor a felhasználói felületről szelektíven kinyerheti a "location" és "age" tulajdonságokat, ami egy új típus létrehozását eredményezi "PersonWithoutEmail" néven.

Ezután létrehozhat egy új "PersonWithoutEmail" típusú példányt, és csak a "location" és "age" tulajdonságokhoz rendelhet értékeket. Mivel az "e-mail" tulajdonság kimaradt ebből a típusból, nem rendelheti hozzá az objektumhoz.

A Pick segédprogramtípussal létrehozhat egy új típust, amely csak a kívánt tulajdonságokat tartalmazza. Ez segíthet a kód olvashatóbbá és könnyebben használhatóvá tételében.

A csak olvasható típus azt jelenti, hogy egy objektum attribútumai megváltoztathatatlanok a létrehozása után. Ez a típus hosszú távon garantálja az objektum adatainak konzisztenciáját, ami gördülékenyebb és biztonságosabb kódkezelést eredményez.

felület felhasználó {
 csak olvasható név: húr; 
 csak olvasható életkor: szám; 
 csak olvasható e-mail: húr;
}

Használni a Csak olvasható segédprogram típusa, létrehozhat egy új típust, amelyben a felhasználói felület összes tulajdonsága csak olvashatóként van kijelölve:

típus ReadonlyUser = Csak olvasható

A ReadonlyUser példány létrehozásakor tulajdonságértékeket adhat meg::

const felhasználó: ReadonlyUser = { 
 név: "János", 
 kor: 30, 
 email: "[email protected]"
};

Ha egy objektum tulajdonságait írásvédettként jelöli meg, lehetetlenné válik ezen tulajdonságok értékeinek módosítása:

user.name = "Jane";
// Hiba: Nem lehet hozzárendelni a 'name'-hez, mert ez csak olvasható tulajdonság.

Az Írásvédett típus különösen fontos olyan helyzetekben, amikor meg akar győződni arról, hogy egy adott objektum nem változik, függetlenül attól, hogy hivatkoznak rá. Például, ha van egy objektum, amely fontos konfigurációs beállításokat tartalmaz, akkor gondoskodnia kell arról, hogy az változatlan maradjon.

Ez a típus biztosítja, hogy az objektum összes lényeges tulajdonsága jelen legyen, míg a Részleges típus nagyobb rugalmasságot kínál azáltal, hogy lehetővé teszi a tulajdonságok egy részhalmazának megadását, miközben a többit elhagyja választható. Ez előnyösnek bizonyulhat olyan helyzetekben, amikor egyes tulajdonságok esetleg nem szükségesek, vagy változhatnak.

felület felhasználó {
 név: húr; 
 elhelyezkedés: szám; 
 cím: húr;
}

Kihasználva a Kötelező segédprogram típus, lehetőség van egy új típus létrehozására, amely egyesíti az összes felhasználói felület attribútumot, miközben megköveteli, hogy ezen tulajdonságok mindegyikének jelen kell lennie. A RequiredUser példány létrehozása csak akkor lehetséges, ha minden tulajdonsága megfelelően be van állítva.

const felhasználó: RequiredUser = { 
 név: "Gipsz Jakab", 
 elhelyezkedés: "EGYESÜLT ÁLLAMOK", 
 cím: "Kansas 9745-0622"
};

A Kötelező segédprogram típusának használata biztosítja, hogy az összes szükséges tulajdonság megtalálható legyen az objektumon belül.

A Kihagyás segédprogramtípus lehetővé teszi új típus létrehozását bizonyos tulajdonságok kizárásával egy meglévő típusból.

felület személy {
 elhelyezkedés: húr; 
 kor: szám;
 email: húr;
}
típus PersonWithoutEmail = Kihagyás'email'>;
const személy: SzemélyEmail nélkül = { hely: "EGYESÜLT ÁLLAMOK"; kor: 30 };

A Személy felület három tulajdonsággal rendelkezik: életkor, hely és e-mail. A PersonWithoutEmail típus egy Kihagyás segédprogramtípust használ a Person objektum összes tulajdonságának feltüntetésére, kivéve az e-maileket. Ezután létrehozhat egy ilyen új típusú példányt anélkül, hogy megadna egy e-mail tulajdonság értékét.

Ne feledje, hogy az Kihagyás segédprogramtípus jelentős hasonlóságokat mutat a Pick segédprogramtípussal, mivel lehetővé teszi, hogy új típust dolgozzon ki csak a megadott tulajdonságok felhasználásával.

A Record segédprogram típusával megadhat egy objektumtípust, amelyhez a kulcsok és értékek meghatározott típusúak. Definíciója a következő:

típus Rekordkiterjed keyof Bármi, T> = { [P ban ben K]: T;};

Ez a T típust társítja az egyes kulcsok értékéhez, míg a K bármilyen típusú kulcsok uniója. Az eredményül kapott objektum P tulajdonságtípusa T értékre van állítva.

Tekintsük egy karakterlánc-kulcsokkal és számértékekkel rendelkező objektumtípus forgatókönyvét. Ebben az esetben alkalmazhatja a A segédprogram típusának rögzítése mint:

típus MyRecord = Record<húr, szám>;
const myObject: MyRecord = { 
"foo": 1, 
"rúd": 2, 
"baz": 3,
}

Ez a példa a MyRecord objektumtípust adja meg karakterlánc-kulcsokkal és számértékekkel. A myObject objektum ennek a típusnak a példáját testesíti meg, a „foo”, „bar” és „baz” billentyűk hozzárendelve a megfelelő értékekhez.

Ez a cikk feltárta a TypeScript segédprogramtípusok hatalmas erejét – értékes eszközt jelenthetnek a kód egyszerűsítéséhez, valamint a fejlesztés gyorsabbá és hatékonyabbá tételéhez. Ezek a segédprogramtípusok és általában a TypeScript csodákat tehetnek annak biztosításában, hogy a kód mindig hibamentes legyen, és megfeleljen a meghatározott struktúráknak.