Sådan bruges typer i TypeScript Forklaret for begyndere

TypeScript introducerer statisk skrivning til JavaScript, som hjælper med at fange fejl under udvikling og forbedrer kodekvaliteten. Denne artikel vil guide dig gennem det grundlæggende i brug af typer i TypeScript, hvilket gør det lettere for begyndere at forstå, hvordan man kan udnytte TypeScripts typesystem.

Hvad er typer i TypeScript?

Typer i TypeScript hjælper med at definere formen og strukturen af ​​data. Ved at angive typer sikrer du, at variabler, funktionsparametre og returværdier overholder de forventede formater. Dette kan forhindre mange almindelige programmeringsfejl.

Grundlæggende typer

TypeScript indeholder flere grundlæggende typer, som du kan bruge til at definere variabler og funktioner:

• Tal: Repræsenterer numeriske værdier.
• String: Repræsenterer tekstdata.
• Boolean: Repræsenterer sande eller falske værdier.
• Array: Repræsenterer en samling af værdier af en bestemt type.
• Objekt: Repræsenterer en samling nøgleværdi-par.

Nummereksempel

let age: number = 30;

Eksempel på streng

let name: string = "John Doe";

boolesk eksempel

let isStudent: boolean = true;

Eksempel på matrix

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

Objekt Eksempel

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

Skriv inferens

TypeScript kan automatisk udlede typer baseret på de tildelte værdier. Det betyder, at du ikke altid behøver at angive typer eksplicit, selvom det kan forbedre kodeklarheden.

Type slutningseksempel

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

Brugerdefinerede typer med grænseflader

Grænseflader i TypeScript giver dig mulighed for at definere brugerdefinerede typer med en bestemt struktur. De er især nyttige til at skabe komplekse objekter og sikre ensartede former på tværs af din applikation.

Eksempel på grænseflade

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

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

Unionstyper

Unionstyper tillader en variabel at indeholde værdier af flere typer. Dette kan være nyttigt, når en værdi kan være en af ​​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

Typealiasser lader dig oprette et nyt navn til en type. Dette kan være nyttigt til at forenkle komplekse typedefinitioner.

Type Alias ​​Eksempel

type ID = number | string;

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

Konklusion

Brug af typer i TypeScript giver adskillige fordele, herunder tidlig fejldetektion, forbedret kodelæsbarhed og forbedret vedligeholdelse. Ved at forstå grundlæggende typer, typeslutning, grænseflader, fagforeningstyper og typealiaser, kan du begynde at udnytte TypeScript til at skrive mere robust og pålidelig kode. Efterhånden som du får mere erfaring med TypeScript, vil du opdage endnu mere avancerede funktioner og mønstre, der yderligere kan forbedre din udviklingsproces.