Sådan bruger du funktioner i TypeScript begyndervejledning

Funktioner er en grundlæggende byggesten i TypeScript, ligesom de er i JavaScript. TypeScript udvider JavaScript-funktioner med yderligere funktioner såsom typeannoteringer, som forbedrer kodeklarheden og forhindrer fejl. Denne begyndervejledning vil guide dig gennem, hvordan du bruger funktioner i TypeScript.

Definition af funktioner

I TypeScript kan du definere funktioner ligesom i JavaScript, men med valgfri typeanmærkninger for at specificere parametrene og returværdierne.

Grundlæggende funktionsdefinition

Sådan definerer du en simpel funktion i TypeScript:

function greet(name: string): string {
  return "Hello, " + name;
}

I dette eksempel er navn en parameter af typen streng, og funktionen returnerer en værdi af typen streng.

Funktionsparametre og returtyper

TypeScript giver dig mulighed for at specificere typerne for funktionsparametre og returværdier, hvilket hjælper med at sikre, at funktionen bruges korrekt.

Funktion med parametre

Her er en funktion, der tager to parametre og returnerer deres sum:

function add(x: number, y: number): number {
  return x + y;
}

I denne funktion er både x og y af typen tal, og funktionen returnerer et tal.

Funktioner uden returværdi

Ikke alle funktioner skal returnere en værdi. Funktioner uden returværdi erklæres med en returtype på void. Disse funktioner udfører handlinger, men giver ikke et resultat.

Eksempel på ingen returværdi

function logMessage(message: string): void {
  console.log(message);
}

I dette eksempel udskriver logMessagemeddelelsen til konsollen, men returnerer ingen værdi.

Valgfrie og standardparametre

TypeScript understøtter valgfrie og standardparametre, så du kan oprette mere fleksible funktioner.

Valgfri parametre

Valgfrie parametre angives ved at tilføje en ? efter parameternavnet:

function greet(name: string, greeting?: string): string {
  if (greeting) {
    return greeting + ", " + name;
  }
  return "Hello, " + name;
}

I dette eksempel er hilsen en valgfri parameter, der kan udelades, når funktionen kaldes.

Standardparametre

Standardparametre har en standardværdi, hvis der ikke er angivet nogen værdi:

function greet(name: string, greeting: string = "Hello"): string {
  return greeting + ", " + name;
}

Hvis hilsen ikke leveres, er den standard til "Hello".

Funktion Overbelastning

TypeScript understøtter funktionsoverbelastning, så du kan definere flere funktionssignaturer for det samme funktionsnavn:

function greet(name: string): string;
function greet(name: string, age: number): string;
function greet(name: string, age?: number): string {
  if (age !== undefined) {
    return `Hello, ${name}. You are ${age} years old.`;
  }
  return `Hello, ${name}.`;
}

I dette eksempel kan greet kaldes med enten en eller to parametre.

Pile funktioner

Pilefunktioner giver en kortere syntaks til at skrive funktioner og har ikke deres egen this kontekst:

const add = (x: number, y: number): number => x + y;

Dette eksempel viser, hvordan man definerer en pilefunktion, der tilføjer to tal.

Konklusion

Funktioner i TypeScript er en effektiv måde at indkapsle og genbruge kode. Ved at bruge typeanmærkninger, valgfri og standardparametre, funktionsoverbelastning og pilefunktioner kan du skrive mere robust og vedligeholdelig kode. Forståelse af disse grundlæggende funktioner vil hjælpe dig med at få fuld fordel af TypeScripts muligheder i dine projekter.