Hur man använder typer i TypeScript förklaras för nybörjare

TypeScript introducerar statisk skrivning i JavaScript, vilket hjälper till att fånga upp fel under utvecklingen och förbättrar kodkvaliteten. Den här artikeln guidar dig genom grunderna för att använda typer i TypeScript, vilket gör det lättare för nybörjare att förstå hur man använder TypeScripts typsystem.

Vad är typer i TypeScript?

Typer i TypeScript hjälper till att definiera formen och strukturen för data. Genom att ange typer säkerställer du att variabler, funktionsparametrar och returvärden följer förväntade format. Detta kan förhindra många vanliga programmeringsfel.

Grundläggande typer

TypeScript tillhandahåller flera grundläggande typer som du kan använda för att definiera variabler och funktioner:

• Antal: Representerar numeriska värden.
• Sträng: Representerar textdata.
• Boolean: Representerar sanna eller falska värden.
• Array: Representerar en samling värden av en specifik typ.
• Objekt: Representerar en samling nyckel-värdepar.

Nummer Exempel

let age: number = 30;

Strängexempel

let name: string = "John Doe";

booleskt exempel

let isStudent: boolean = true;

Exempel på matris

let scores: number[] = [85, 90, 78];

Objekt Exempel

let person: { name: string, age: number } = {
  name: "Jane Doe",
  age: 28
};

Skriv inferens

TypeScript kan automatiskt härleda typer baserat på de tilldelade värdena. Det betyder att du inte alltid behöver ange typer uttryckligen, även om det kan förbättra kodens tydlighet.

Typ inferensexempel

let count = 10; // TypeScript infers count as number
count = "text"; // Error: Type 'string' is not assignable to type 'number'

Anpassade typer med gränssnitt

Gränssnitt i TypeScript låter dig definiera anpassade typer med en specifik struktur. De är särskilt användbara för att skapa komplexa objekt och säkerställa konsekventa former i hela din applikation.

Exempel på gränssnitt

interface Person {
  name: string;
  age: number;
}

let employee: Person = {
  name: "Alice",
  age: 32
};

Fackliga typer

Unionstyper tillåter en variabel att hålla värden av flera typer. Detta kan vara användbart när ett värde kan vara en av flera typer.

Exempel på unionstyp

let id: number | string;
id = 123; // valid
id = "abc"; // valid
id = true; // Error: Type 'boolean' is not assignable to type 'number | string'

Skriv Alias

Typalias låter dig skapa ett nytt namn för en typ. Detta kan vara till hjälp för att förenkla komplexa typdefinitioner.

Typ Alias ​​Exempel

type ID = number | string;

let userId: ID;
userId = 456; // valid
userId = "xyz"; // valid

Slutsats

Att använda typer i TypeScript ger många fördelar, inklusive tidig feldetektering, förbättrad kodläsbarhet och förbättrad underhållsbarhet. Genom att förstå grundläggande typer, typinferens, gränssnitt, fackföreningstyper och typalias kan du börja använda TypeScript för att skriva mer robust och tillförlitlig kod. När du får mer erfarenhet av TypeScript kommer du att upptäcka ännu mer avancerade funktioner och mönster som ytterligare kan förbättra din utvecklingsprocess.