TypeScript-functies: parameters en retourtypen gebruiken

Functies zijn de bouwstenen van elke programmeertaal en TypeScript verbetert ze door typesafety toe te voegen. Door typen te definiëren voor parameters en returnwaarden, stelt TypeScript ontwikkelaars in staat om betrouwbaardere en beter te onderhouden code te schrijven. Deze gids introduceert u in TypeScript-functies en behandelt hoe u parameters en returntypen effectief kunt gebruiken.

Een functie definiëren in TypeScript

In TypeScript kunnen functies worden gedefinieerd met het trefwoord function, vergelijkbaar met JavaScript. TypeScript staat u echter toe om de typen parameters en retourwaarden te specificeren voor extra veiligheid en leesbaarheid.

Basisfunctie voorbeeld

Hier is een voorbeeld van een basis TypeScript-functie met getypte parameters en een retourtype:

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

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

In dit voorbeeld accepteert de functie add twee parameters van het type number en retourneert een waarde van het type number. Dit zorgt ervoor dat zowel de invoer als de uitvoer voldoen aan de verwachte typen.

Functieparameters in TypeScript

TypeScript-functies kunnen verschillende typen parameters accepteren, zoals optionele, standaard- en restparameters. Laten we elk type in detail bekijken.

Optionele parameters

U kunt optionele parameters definiëren door ? toe te voegen na de parameternaam. Optionele parameters hoeven niet te worden opgegeven wanneer de functie wordt aangeroepen.

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.

In dit voorbeeld is de parameter age optioneel. De functie werkt correct, ongeacht of age is opgegeven of niet.

Standaardparameters

Met standaardparameters kunt u standaardwaarden voor parameters opgeven voor het geval deze niet zijn opgegeven wanneer de functie wordt aangeroepen.

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

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

In dit voorbeeld heeft de parameter b een standaardwaarde van 2. Als er geen tweede argument wordt opgegeven, wordt standaard 2 gebruikt.

Rustparameters

Met restparameters kunt u een wisselend aantal argumenten aan een functie doorgeven. Ze worden gedefinieerd met de syntaxis ....

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

In dit voorbeeld accepteert de functie sum een willekeurig aantal argumenten, allemaal van het type number, en retourneert de som ervan.

Retourtypen in TypeScript

Het specificeren van het retourtype van een functie is net zo belangrijk als het definiëren van parametertypen. Het helpt TypeScript de verwachte uitvoer van de functie te begrijpen, zodat het het juiste type gegevens retourneert.

Retourtypen specificeren

Om het retourtype van een functie op te geven, voegt u een dubbele punt : toe, gevolgd door het type na de parameterlijst.

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

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

In dit voorbeeld retourneert de functie isEven een waarde boolean die aangeeft of het invoergetal even is of niet.

Functies zonder retourtype

Wanneer een functie geen waarde retourneert, is het retourtype void. Dit is handig voor functies die een actie uitvoeren zonder een resultaat te leveren.

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

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

In dit voorbeeld registreert de functie logMessage een bericht in de console en retourneert niets. Het retourtype is daarom void.

Conclusie

TypeScript-functies bieden een krachtige manier om type-safe code te schrijven door parametertypen en return-typen te definiëren. Door optionele, standaard- en rest-parameters te gebruiken en return-typen te specificeren, kunt u robuustere en onderhoudbare functies maken. Begin met het gebruiken van TypeScript-functies in uw projecten om een ​​betere codekwaliteit en -veiligheid te garanderen.