Hvordan bruke typer i TypeScript forklart for nybegynnere

TypeScript introduserer statisk skriving til JavaScript, som hjelper til med å fange opp feil under utvikling og forbedrer kodekvaliteten. Denne artikkelen vil veilede deg gjennom det grunnleggende om bruk av typer i TypeScript, noe som gjør det lettere for nybegynnere å forstå hvordan man kan utnytte TypeScripts typesystem.

Hva er typer i TypeScript?

Typer i TypeScript hjelper med å definere formen og strukturen til data. Ved å spesifisere typer sikrer du at variabler, funksjonsparametere og returverdier overholder forventede formater. Dette kan forhindre mange vanlige programmeringsfeil.

Grunnleggende typer

TypeScript gir flere grunnleggende typer som du kan bruke til å definere variabler og funksjoner:

• Tall: Representerer numeriske verdier.
• String: Representerer tekstdata.
• Boolean: Representerer sanne eller usanne verdier.
• Array: Representerer en samling av verdier av en bestemt type.
• Objekt: Representerer en samling nøkkelverdi-par.

Nummereksempel

let age: number = 30;

Eksempel på streng

let name: string = "John Doe";

boolsk eksempel

let isStudent: boolean = true;

Eksempel på matrise

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

Objekteksempel

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

Skriv inferens

TypeScript kan automatisk utlede typer basert på de tildelte verdiene. Dette betyr at du ikke alltid trenger å spesifisere typer eksplisitt, selv om det kan forbedre kodeklarheten.

Type slutningseksempel

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

Egendefinerte typer med grensesnitt

Grensesnitt i TypeScript lar deg definere egendefinerte typer med en bestemt struktur. De er spesielt nyttige for å lage komplekse objekter og sikre konsistente former på tvers av applikasjonen.

Eksempel på grensesnitt

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

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

Unionstyper

Unionstyper lar en variabel inneholde verdier av flere typer. Dette kan være nyttig når en verdi kan være én av flere typer.

Eksempel på unionstype

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

Skriv aliaser

Typealiaser lar deg lage et nytt navn for en type. Dette kan være nyttig for å forenkle komplekse typedefinisjoner.

Type Alias ​​Eksempel

type ID = number | string;

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

Konklusjon

Bruk av typer i TypeScript gir en rekke fordeler, inkludert tidlig feildeteksjon, forbedret kodelesbarhet og forbedret vedlikehold. Ved å forstå grunnleggende typer, typeslutning, grensesnitt, unionstyper og typealiaser, kan du begynne å utnytte TypeScript for å skrive mer robust og pålitelig kode. Etter hvert som du får mer erfaring med TypeScript, vil du oppdage enda mer avanserte funksjoner og mønstre som kan forbedre utviklingsprosessen ytterligere.