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 logMessage
meddelelsen
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.