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.