Izkoristite vrste pripomočkov TypeScript in izkoristite lahko izrazitejšo kodo, ki je tudi robustnejša.

TypeScript je nadnabor JavaScripta, ki vam omogoča dodajanje statičnega tipkanja vaši osnovi kode. S svojim zmogljivim tipskim sistemom TypeScript ponuja izboljšano berljivost kode in zmožnost lovljenja napak med prevajanjem.

Eden najbolj koristnih vidikov TypeScripta so njegove vgrajene vrste pripomočkov, ki lahko poenostavijo vaša prizadevanja pri kodiranju in prihranijo dragoceni čas pri razvoju. Oglejte si te tipe pripomočkov TypeScript, ki jih morate poznati in vam lahko pomagajo pri pisanju varne kode z lahkoto.

TypeScript Vrsta delnega pripomočka vam omogoča, da katere koli lastnosti predmeta naredite izbirne. Omogoča ustvarjanje predmetov z določenimi lastnostmi, ki morda manjkajo ali so nedefinirane. Vzemimo na primer:

vmesnik uporabnik { 
 ime: vrvica; 
 starost: število; 
 E-naslov: vrvica;
}

Uporabljati Vrsta delne uporabnosti, lahko ustvarite novo vrsto z vsemi lastnostmi uporabniškega vmesnika, nastavljenimi kot izbirne:

instagram viewer 
vrsta OptionalUser = delno

Zdaj lahko ustvarite primerek tipa OptionalUser z določenimi samo nekaterimi lastnostmi:

konst uporabnik: OptionalUser = { ime: "Janez" };

Morda boste naleteli na situacije, ko boste morali ustvariti predmet z določenimi neobveznimi lastnostmi. To lahko pride prav predvsem pri gradnji oblik ki imajo več polj, saj morda niso potrebna vsa in je v takšnih primerih delna uporabnost bistvenega pomena.

Tip pomožnega programa TypeScript Pick vam lahko pomaga ustvariti nov tip tako, da iz obstoječega tipa izberete samo podnabor lastnosti. Pride prav, ko morate zožiti večji objekt na le nekaj zahtevanih lastnosti ali če želite uveljaviti strogo tipkanje lastnosti, ki jih potrebujete.

vmesnik uporabnik { 
 lokacija: vrvica;
 starost: število; 
 E-naslov: vrvica;
}
vrsta PersonWithoutEmail = Izberi'lokacija' | 'starost'>;
konst oseba: PersonWithoutEmail = { 
 lokacija: 'ZDA', 
 starost: 30
};

V tem primeru vmesnik z imenom »Uporabnik« definira tri lastnosti: e-pošto, starost in lokacijo.

Z uporabo Izberite vrsto pripomočka, lahko lastnosti »lokacija« in »starost« selektivno izvlečete iz uporabniškega vmesnika, kar povzroči ustvarjanje nove vrste, imenovane »PersonWithoutEmail«.

Nato lahko ustvarite nov primerek vrste »PersonWithoutEmail« in dodelite vrednosti samo lastnostima »location« in »age«. Ker je bila lastnost "e-pošta" izpuščena iz te vrste, je ne morete dodeliti predmetu.

S tipom pripomočka Pick lahko naredite nov tip, ki vključuje samo lastnosti, ki jih želite. To lahko pomaga narediti vašo kodo bolj berljivo in lažjo za delo.

Vrsta samo za branje pomeni, da so atributi predmeta po njegovi izdelavi nespremenljivi. Ta vrsta dolgoročno zagotavlja konsistentnost podatkov objekta, kar ima za posledico bolj gladko in varnejšo obdelavo kode.

vmesnik uporabnik {
 ime samo za branje: vrvica; 
 starost samo za branje: število; 
 e-pošta samo za branje: vrvica;
}

Uporabljati Vrsta pripomočka samo za branje, lahko ustvarite novo vrsto z vsemi lastnostmi uporabniškega vmesnika, označenimi kot samo za branje:

vrsta ReadonlyUser = Samo za branje

Vrednosti lastnosti lahko določite pri ustvarjanju primerka ReadonlyUser::

konst uporabnik: ReadonlyUser = { 
 ime: "Janez", 
 starost: 30, 
 E-naslov: "[email protected]"
};

Ko označite lastnosti predmeta kot samo za branje, postane poskus spreminjanja vrednosti teh lastnosti nemogoč:

uporabniško.ime = "Jane";
// Napaka: Ni mogoče dodeliti 'name', ker je lastnost samo za branje.

Tip Samo za branje je še posebej pomemben v primerih, ko želite zagotoviti, da se določen objekt ne spremeni, ne glede na to, na katerega se sklicujete. Na primer, če imate predmet, ki vsebuje pomembne konfiguracijske nastavitve, bi želeli zagotoviti, da ostane nespremenjen.

Ta tip zagotavlja, da so prisotne vse bistvene lastnosti predmeta, medtem ko delni tip ponuja večjo prilagodljivost, saj vam omogoča, da določite podnabor lastnosti, druge pa pustite neobvezno. To se lahko izkaže za koristno v primerih, ko nekatere lastnosti morda niso potrebne ali se lahko spremenijo.

vmesnik uporabnik {
 ime: vrvica; 
 lokacija: število; 
 naslov: vrvica;
}

Z uporabo Zahtevana vrsta pripomočka, je mogoče ustvariti nov tip, ki združuje vse atribute uporabniškega vmesnika, hkrati pa zahteva, da mora biti prisotna vsaka od teh lastnosti. Ustvarjanje primerka RequiredUser je možno šele, ko so vse njegove lastnosti pravilno nastavljene.

konst uporabnik: RequiredUser = { 
 ime: "John Doe", 
 lokacija: "ZDA", 
 naslov: "Kansas 9745-0622"
};

Uporaba vrste pripomočka Required zagotavlja, da so v objektu prisotne vse zahtevane lastnosti.

Tip pripomočka Omit vam omogoča, da ustvarite nov tip tako, da iz obstoječega tipa izključite določene lastnosti.

vmesnik Oseba {
 lokacija: vrvica; 
 starost: število;
 E-naslov: vrvica;
}
vrsta PersonWithoutEmail = Izpusti'E-naslov'>;
konst oseba: PersonWithoutEmail = { lokacija: "ZDA"; starost: 30 };

Vmesnik Person ima tri lastnosti: starost, lokacijo in e-pošto. Tip PersonWithoutEmail uporablja tip pripomočka Omit za vključitev vseh lastnosti objekta Person, razen e-pošte. Nato lahko ustvarite primerek te nove vrste, ne da bi podali vrednost za lastnost e-pošte.

Upoštevati morate, da je tip pripomočka Omit precej podoben tipu pripomočka Pick, saj vam omogoča, da oblikujete nov tip z uporabo samo lastnosti, ki jih podate.

Tip pripomočka Record lahko uporabite za definiranje tipa objekta, za katerega imajo ključi in vrednosti določen tip. Njegova definicija je:

vrsta Zapisse razteza keyof kaj, T> = { [P v K]: T;};

To povezuje tip T z vrednostjo vsakega ključa, medtem ko je K unija ključev katere koli vrste. Nastali objekt ima tip lastnosti P nastavljen na T.

Razmislite o scenariju vrste predmeta s ključi niza in številskimi vrednostmi. V tem primeru lahko uporabite Vrsta pripomočka zapisa kot:

vrsta MyRecord = Zapis<vrvica, število>;
konst myObject: MyRecord = { 
"foo": 1, 
"bar": 2, 
"baz": 3,
}

Ta primer določa MyRecord kot tip predmeta s ključi niza in številskimi vrednostmi. Objekt myObject uteleša ponazoritev te vrste s tipkami "foo", "bar" in "baz", dodeljenimi njihovim ustreznim vrednostim.

Ta članek je odkril čisto moč vrst pripomočkov TypeScript – lahko so dragocena prednost, ko gre za racionalizacijo vaše kode ter hitrejši in učinkovitejši razvoj. Te vrste pripomočkov in TypeScript na splošno lahko delajo čudeže, saj zagotavljajo, da je vaša koda vedno brez napak in se drži določenih struktur.