TypeScript-funktioner: Sådan bruges parametre og returtyper

Funktioner er byggestenene i ethvert programmeringssprog, og TypeScript forbedrer dem ved at tilføje typesikkerhed. Ved at definere typer for parametre og returværdier giver TypeScript udviklere mulighed for at skrive mere pålidelig og vedligeholdelig kode. Denne vejledning vil introducere dig til TypeScript-funktioner, der dækker, hvordan du bruger parametre og returtyper effektivt.

Definering af en funktion i TypeScript

I TypeScript kan funktioner defineres ved hjælp af nøgleordet function, svarende til JavaScript. TypeScript giver dig dog mulighed for at specificere typerne af parametre og returværdier for yderligere sikkerhed og læsbarhed.

Eksempel på grundlæggende funktion

Her er et eksempel på en grundlæggende TypeScript-funktion med indtastede parametre og en returtype:

function add(a: number, b: number): number {
  return a + b;
}

const result = add(5, 3); // Output: 8

I dette eksempel accepterer funktionen add to parametre af typen tal og returnerer en værdi af typen tal. Dette sikrer, at både input og output stemmer overens med de forventede typer.

Funktionsparametre i TypeScript

TypeScript-funktioner kan acceptere forskellige typer parametre, såsom valgfri, standard- og hvileparametre. Lad os udforske hver type i detaljer.

Valgfri parametre

Du kan definere valgfri parametre ved at tilføje en ? efter parameternavnet. Valgfrie parametre skal ikke angives, når funktionen kaldes.

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

console.log(greet("Alice")); // Output: Hello, Alice.
console.log(greet("Bob", 25)); // Output: Hello, Bob. You are 25 years old.

I dette eksempel er parameteren age valgfri. Funktionen fungerer korrekt, uanset om alder er angivet eller ej.

Standardparametre

Standardparametre giver dig mulighed for at angive standardværdier for parametre, hvis de ikke er angivet, når funktionen kaldes.

function multiply(a: number, b: number = 2): number {
  return a * b;
}

console.log(multiply(5)); // Output: 10
console.log(multiply(5, 3)); // Output: 15

I dette eksempel har parameteren b en standardværdi på 2. Hvis der ikke er angivet noget andet argument, vil 2 blive brugt som standard.

Hvileparametre

Hvileparametre giver dig mulighed for at sende et varierende antal argumenter til en funktion. De er defineret ved hjælp af ... syntaksen.

function sum(...numbers: number[]): number {
  return numbers.reduce((total, num) => total + num, 0);
}

console.log(sum(1, 2, 3, 4)); // Output: 10
console.log(sum(5, 10, 15)); // Output: 30

I dette eksempel accepterer funktionen sum et vilkårligt antal argumenter, alle af typen tal, og returnerer deres sum.

Returner typer i TypeScript

Det er lige så vigtigt at angive en funktions returtype som at definere parametertyper. Det hjælper TypeScript med at forstå det forventede output af funktionen, og sikrer, at det returnerer den korrekte type data.

Angivelse af returtyper

For at angive en funktions returtype skal du tilføje et kolon : efterfulgt af typen efter parameterlisten.

function isEven(num: number): boolean {
  return num % 2 === 0;
}

console.log(isEven(4)); // Output: true
console.log(isEven(5)); // Output: false

I dette eksempel returnerer funktionen isEven en boolean, der angiver, om det indtastede tal er lige eller ej.

Funktioner uden returtype

Når en funktion ikke returnerer en værdi, er dens returtype void. Dette er nyttigt for funktioner, der udfører en handling uden at give et resultat.

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

logMessage("Hello, TypeScript!"); // Output: Hello, TypeScript!

I dette eksempel logger logMessage-funktionen en besked til konsollen og returnerer intet, derfor er returtypen void.

Konklusion

TypeScript-funktioner giver en effektiv måde at skrive typesikker kode ved at definere parametertyper og returtyper. Ved at bruge valgfrie, standard- og hvileparametre samt specificering af returtyper kan du skabe mere robuste og vedligeholdelige funktioner. Begynd at bruge TypeScript-funktioner i dine projekter for at sikre bedre kodekvalitet og sikkerhed.