Ako zjednodušiť kód TypeScript pomocou 6 základných typov pomôcok

TypeScript je nadmnožina JavaScriptu, ktorá vám umožňuje pridať statické písanie do základne kódu. Vďaka svojmu výkonnému systému typov ponúka TypeScript lepšiu čitateľnosť kódu a schopnosť zachytiť chyby počas kompilácie.

Jedným z najužitočnejších aspektov TypeScriptu sú jeho vstavané typy nástrojov, ktoré môžu zjednodušiť vaše úsilie pri kódovaní a ušetriť drahocenný čas na vývoj. Pozrite sa na tieto typy nástrojov TypeScript, ktoré musíte poznať a ktoré vám môžu pomôcť jednoducho napísať typovo bezpečný kód.

TypeScript Čiastočný typ pomôcky vám umožňuje nastaviť ľubovoľné vlastnosti objektu ako voliteľné. Umožňuje vám vytvárať objekty s určitými vlastnosťami, ktoré môžu chýbať alebo môžu byť nedefinované. Vezmite si napríklad:

rozhranie Používateľ { 
 názov: reťazec; 
 Vek: číslo; 
 email: reťazec;
}

Pomocou Čiastočný úžitkový typ, môžete vytvoriť nový typ so všetkými vlastnosťami používateľského rozhrania nastavenými ako voliteľné:

typu OptionalUser = Čiastočné

Teraz môžete vytvoriť inštanciu typu OptionalUser s definovanými iba niektorými vlastnosťami:

konšt user: OptionalUser = { name: "John" };

Môžete sa stretnúť so situáciami, keď potrebujete vytvoriť objekt s určitými voliteľnými vlastnosťami. To sa môže hodiť najmä pri budovaní foriem ktoré majú viacero polí, pretože nie všetky sa môžu vyžadovať av takýchto prípadoch môže byť čiastočná užitočnosť životne dôležitá.

Typ pomôcky Pick v TypeScript vám môže pomôcť vygenerovať nový typ výberom iba podmnožiny vlastností z existujúceho typu. Hodí sa, keď potrebujete zúžiť väčší objekt len ​​na niekoľko požadovaných vlastností, alebo ak chcete vynútiť prísne písanie na vlastnosti, ktoré potrebujete.

rozhranie Používateľ { 
 miesto: reťazec;
 Vek: číslo; 
 email: reťazec;
}
typu PersonWithoutEmail = Vybrať'miesto' | 'Vek'>;
konšt osoba: PersonWithoutEmail = { 
 miesto: 'USA', 
 Vek: 30
};

V tomto príklade rozhranie s názvom „Používateľ“ definuje tri vlastnosti: e-mail, vek a polohu.

Pomocou Vyberte typ pomôcky, môžete selektívne extrahovať vlastnosti „umiestnenie“ a „vek“ z používateľského rozhrania, čo vedie k vytvoreniu nového typu s názvom „PersonWithoutEmail“.

Potom môžete vytvoriť novú inštanciu typu „PersonWithoutEmail“ a priradiť hodnoty len vlastnostiam „location“ a „age“. Keďže vlastnosť „e-mail“ bola z tohto typu vynechaná, nemôžete ju priradiť k objektu.

Pomocou typu pomôcky Vybrať môžete vytvoriť nový typ, ktorý bude obsahovať len požadované vlastnosti. To vám môže pomôcť, aby bol váš kód čitateľnejší a ľahšie sa s ním pracovalo.

Typ len na čítanie znamená, že atribúty objektu sú po vytvorení nemenné. Tento typ dlhodobo zaručuje konzistentnosť údajov objektu, výsledkom čoho je plynulejšia a bezpečnejšia manipulácia s kódom.

rozhranie Používateľ {
 meno len na čítanie: reťazec; 
 vek len na čítanie: číslo; 
 email iba na čítanie: reťazec;
}

Pomocou Typ pomôcky len na čítanie, môžete vytvoriť nový typ so všetkými vlastnosťami používateľského rozhrania označenými ako iba na čítanie:

typu ReadonlyUser = Iba na čítanie

Hodnoty vlastností môžete zadať pri vytváraní inštancie ReadonlyUser::

konšt užívateľ: ReadonlyUser = { 
 názov: "John", 
 Vek: 30, 
 email: "[email protected]"
};

Keď označíte vlastnosti objektu ako len na čítanie, pokus o úpravu hodnôt týchto vlastností nebude možný:

user.name = "Jane";
// Chyba: Nedá sa priradiť k 'name', pretože je to vlastnosť len na čítanie.

Typ Len na čítanie je obzvlášť dôležitý v situáciách, keď sa chcete uistiť, že sa konkrétny objekt nemení, nech sa naň odkazuje akokoľvek. Napríklad, ak máte objekt, ktorý obsahuje dôležité konfiguračné nastavenia, mali by ste zabezpečiť, aby zostal nezmenený.

Tento typ zabezpečuje, že sú prítomné všetky základné vlastnosti objektu, zatiaľ čo typ Čiastočné ponúka väčšiu flexibilitu tým, že vám umožňuje špecifikovať podmnožinu vlastností a ostatné ponechať voliteľné. To sa môže ukázať ako výhodné v situáciách, keď niektoré vlastnosti nemusia byť potrebné alebo sa môžu zmeniť.

rozhranie Používateľ {
 názov: reťazec; 
 miesto: číslo; 
 adresa: reťazec;
}

Využitím Požadovaný typ pomôcky, je možné vytvoriť nový typ, ktorý kombinuje všetky atribúty používateľského rozhrania, pričom vyžaduje, aby každá z týchto vlastností bola prítomná. Vytvorenie inštancie RequiredUser je možné len vtedy, keď sú všetky jej vlastnosti správne nastavené.

konšt používateľ: RequiredUser = { 
 názov: "John Doe", 
 miesto: "USA", 
 adresa: "Kansas 9745-0622"
};

Použitie typu Required utility zaistí, že v objekte budú prítomné všetky požadované vlastnosti.

Typ pomôcky Vynechať vám umožňuje vytvoriť nový typ vylúčením konkrétnych vlastností z existujúceho typu.

rozhranie Osoba {
 miesto: reťazec; 
 Vek: číslo;
 email: reťazec;
}
typu PersonWithoutEmail = Vynechať'e-mail'>;
konšt osoba: PersonWithoutEmail = { umiestnenie: "USA"; Vek: 30 };

Rozhranie osoby má tri vlastnosti: vek, polohu a e-mail. Typ PersonWithoutEmail používa typ pomôcky Vynechať na zahrnutie všetkých vlastností objektu Osoba okrem e-mailu. Potom môžete vytvoriť inštanciu tohto nového typu bez zadania hodnoty pre vlastnosť e-mailu.

Mali by ste mať na pamäti, že typ pomôcky Vynechať má významné podobnosti s typom pomôcky Vybrať, pretože vám umožňuje navrhnúť nový typ iba pomocou vlastností, ktoré určíte.

Typ pomôcky Record môžete použiť na definovanie typu objektu, pre ktorý majú kľúče a hodnoty konkrétny typ. Jeho definícia je:

typu Záznampredlžuje keyof akýkoľvek, T> = { [P v K]: T;};

Toto spája typ T s hodnotou každého kľúča, zatiaľ čo K je spojenie kľúčov akéhokoľvek typu. Výsledný objekt má typ vlastnosti P nastavený na T.

Zvážte scenár typu objektu s kľúčmi reťazca a číselnými hodnotami. V takom prípade môžete použiť Typ pomôcky záznamu ako:

typu MyRecord = Záznam<reťazec, číslo>;
konšt myObject: MyRecord = { 
"foo": 1, 
"bar": 2, 
"baz": 3,
}

Tento príklad špecifikuje MyRecord ako typ objektu s kľúčmi reťazca a číselnými hodnotami. Objekt myObject stelesňuje príklad tohto typu s kľúčom "foo", "bar" a "baz" priradeným ich zodpovedajúcim hodnotám.

Tento článok odhalil obrovskú silu typov nástrojov TypeScript – môžu byť cenným prínosom, pokiaľ ide o zefektívnenie vášho kódu a zrýchlenie a zefektívnenie vývoja. Tieto typy pomôcok a TypeScript vo všeobecnosti dokážu urobiť zázraky, aby zabezpečili, že váš kód bude vždy bezchybný a bude dodržiavať špecifické štruktúry.