Profiteer van de typen hulpprogramma's van TypeScript en u kunt profiteren van meer expressieve code die ook robuuster is.

TypeScript is een superset van JavaScript waarmee u statisch typen aan uw codebasis kunt toevoegen. Met zijn krachtige typesysteem biedt TypeScript verbeterde codeleesbaarheid en de mogelijkheid om fouten tijdens het compileren op te vangen.

Een van de meest voordelige aspecten van TypeScript zijn de ingebouwde typen hulpprogramma's, die uw codeerinspanningen kunnen vereenvoudigen en kostbare ontwikkelingstijd kunnen besparen. Bekijk deze onmisbare typen TypeScript-hulpprogramma's waarmee u gemakkelijk typeveilige code kunt schrijven.

TypeScript's Met het gedeeltelijke hulpprogrammatype kunt u alle eigenschappen van een object optioneel maken. Hiermee kunt u objecten maken met bepaalde eigenschappen die mogelijk ontbreken of niet zijn gedefinieerd. Neem bijvoorbeeld:

koppel Gebruiker { 
 naam: snaar; 
 leeftijd: nummer; 
 e-mail: snaar;
}

De... gebruiken Gedeeltelijk nutstype

instagram viewer
, kunt u een nieuw type maken met alle eigenschappen van de gebruikersinterface ingesteld als optioneel:

type OptioneelGebruiker = Gedeeltelijk

Nu kunt u een instantie van het type OptionalUser maken met slechts enkele gedefinieerde eigenschappen:

const gebruiker: OptionalUser = { naam: "John" };

U kunt situaties tegenkomen waarin u een object moet maken met bepaalde optionele eigenschappen. Dit kan van pas komen vooral bij het bouwen van formulieren die meerdere velden hebben, aangezien ze niet allemaal nodig kunnen zijn en in dergelijke gevallen kan gedeeltelijk nut van vitaal belang zijn.

TypeScript's Pick-hulpprogrammatype kan u helpen een nieuw type te genereren door slechts een subset eigenschappen van een bestaand type te kiezen. Het is handig wanneer u een groter object moet beperken tot slechts een paar vereiste eigenschappen of als u strikt typen wilt afdwingen voor de eigenschappen die u nodig hebt.

koppel Gebruiker { 
 plaats: snaar;
 leeftijd: nummer; 
 e-mail: snaar;
}
type PersoonZonderEmail = Kies'plaats' | 'leeftijd'>;
const persoon: PersoonZonderEmail = { 
 plaats: 'VERENIGDE STATEN VAN AMERIKA', 
 leeftijd: 30
};

In dit voorbeeld definieert een interface met de naam "Gebruiker" drie eigenschappen: e-mail, leeftijd en locatie.

Door gebruik te maken van de Kies het type hulpprogramma, kunt u de eigenschappen "locatie" en "leeftijd" selectief extraheren uit de gebruikersinterface, wat resulteert in de aanmaak van een nieuw type met de naam "PersonWithoutEmail".

U kunt dan een nieuw exemplaar van het type "PersonWithoutEmail" maken en waarden toewijzen aan alleen de eigenschappen "location" en "age". Omdat de eigenschap "e-mail" bij dit type is weggelaten, kunt u deze niet aan het object toewijzen.

Met het hulpprogramma Pick kunt u een nieuw type maken dat alleen de gewenste eigenschappen bevat. Dit kan helpen om uw code leesbaarder en gemakkelijker om mee te werken te maken.

Het alleen-lezen type geeft aan dat de attributen van een object onveranderlijk zijn nadat het is gemaakt. Dit type garandeert de consistentie van de gegevens van het object op de lange termijn, wat resulteert in een vlottere en veiligere codeverwerking.

koppel Gebruiker {
 alleen-lezen naam: snaar; 
 leesbare leeftijd: nummer; 
 alleen-lezen e-mail: snaar;
}

De... gebruiken Type hulpprogramma alleen-lezen, kunt u een nieuw type maken waarbij alle eigenschappen van de gebruikersinterface zijn aangemerkt als alleen-lezen:

type ReadonlyUser = Alleen-lezen

U kunt eigenschapswaarden opgeven bij het maken van een ReadonlyUser-instantie::

const gebruiker: ReadonlyUser = { 
 naam: "John", 
 leeftijd: 30, 
 e-mail: "[email protected]"
};

Wanneer u de eigenschappen van een object markeert als alleen-lezen, wordt het onmogelijk om de waarden van die eigenschappen te wijzigen:

gebruikersnaam = "Jane";
// Fout: Kan niet toewijzen aan 'naam' omdat het een alleen-lezen eigenschap is.

Het type Alleen-lezen is met name belangrijk in situaties waarin u ervoor wilt zorgen dat een bepaald object niet verandert, hoe er ook naar wordt verwezen. Als u bijvoorbeeld een object heeft met belangrijke configuratie-instellingen, wilt u er zeker van zijn dat dit ongewijzigd blijft.

Dit type zorgt ervoor dat alle essentiële eigenschappen van een object aanwezig zijn, terwijl het type Gedeeltelijk biedt meer flexibiliteit door u een subset van eigenschappen te laten specificeren terwijl u de andere laat optioneel. Dit kan nuttig zijn in situaties waarin sommige eigenschappen niet nodig zijn of aan verandering onderhevig zijn.

koppel Gebruiker {
 naam: snaar; 
 plaats: nummer; 
 adres: snaar;
}

Door gebruik te maken van de Vereist type hulpprogramma, is het mogelijk om een ​​nieuw type te maken dat alle attributen van de gebruikersinterface combineert, terwijl elk van deze eigenschappen aanwezig moet zijn. Het maken van een RequiredUser-instantie is alleen mogelijk als alle eigenschappen correct zijn ingesteld.

const gebruiker: RequiredUser = { 
 naam: "John Doe", 
 plaats: "VERENIGDE STATEN VAN AMERIKA", 
 adres: "Kansas 9745-0622"
};

Het gebruik van het hulpprogrammatype Vereist zorgt ervoor dat alle vereiste eigenschappen in een object aanwezig zijn.

Met het hulpprogramma Type weglaten kunt u een nieuw type maken door bepaalde eigenschappen van een bestaand type uit te sluiten.

koppel Persoon {
 plaats: snaar; 
 leeftijd: nummer;
 e-mail: snaar;
}
type PersoonZonderEmail = Weglaten'e-mail'>;
const persoon: PersoonZonderEmail = { locatie: "VERENIGDE STATEN VAN AMERIKA"; leeftijd: 30 };

De Person-interface heeft drie eigenschappen: leeftijd, locatie en e-mail. Het type PersonWithoutEmail gebruikt een hulpprogramma van het type Weglaten om alle eigenschappen van een Person-object op te nemen, behalve e-mail. U kunt dan een exemplaar van dit nieuwe type maken, zonder een waarde op te geven voor een e-maileigenschap.

U dient in gedachten te houden dat het hulpprogrammatype Weglaten aanzienlijke overeenkomsten vertoont met het hulpprogrammatype Pick, omdat het u in staat stelt een nieuw type te bedenken met alleen de eigenschappen die u opgeeft.

U kunt het hulpprogramma Record gebruiken om een ​​objecttype te definiëren waarvoor de sleutels en waarden een bepaald type hebben. De definitie is:

type Dossierstrekt zich uit sleutelvan elk, T> = { [P in K]: T;};

Dit associeert het type T met de waarde van elke sleutel, terwijl K een unie is van sleutels van elk type. Het resulterende object heeft het eigenschapstype P ingesteld op T.

Overweeg het scenario van een objecttype met tekenreekssleutels en numerieke waarden. In dat geval kunt u de Noteer het type hulpprogramma als:

type MijnRecord = Record<snaar, nummer>;
const mijnObject: MijnRecord = { 
"foe": 1, 
"bar": 2, 
"baz": 3,
}

In dit voorbeeld wordt MyRecord gespecificeerd als een objecttype met tekenreekssleutels en numerieke waarden. Het myObject-object belichaamt een voorbeeld van dit type, met de toetsen "foo", "bar" en "baz" toegewezen aan hun overeenkomstige waarden.

Dit artikel onthulde de enorme kracht van TypeScript-hulpprogramma's - ze kunnen een waardevol bezit zijn als het gaat om het stroomlijnen van uw code en het sneller en efficiënter ontwikkelen. Deze typen hulpprogramma's en TypeScript in het algemeen kunnen wonderen doen om ervoor te zorgen dat uw code altijd foutloos is en zich aan specifieke structuren houdt.