Fonctions TypeScript: comment utiliser les paramètres et les types de retour

Les fonctions sont les éléments de base de tout langage de programmation, et TypeScript les améliore en ajoutant la sécurité des types. En définissant des types pour les paramètres et les valeurs de retour, TypeScript permet aux développeurs d'écrire du code plus fiable et plus facile à gérer. Ce guide vous présentera les fonctions TypeScript, en expliquant comment utiliser efficacement les paramètres et les types de retour.

Définition d'une fonction dans TypeScript

En TypeScript, les fonctions peuvent être définies à l'aide du mot-clé function, comme en JavaScript. Cependant, TypeScript vous permet de spécifier les types de paramètres et les valeurs de retour pour plus de sécurité et de lisibilité.

Exemple de fonction de base

Voici un exemple d'une fonction TypeScript de base avec des paramètres typés et un type de retour:

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

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

Dans cet exemple, la fonction add accepte deux paramètres de type number et renvoie une valeur de type number. Cela garantit que l'entrée et la sortie sont conformes aux types attendus.

Paramètres de fonction dans TypeScript

Les fonctions TypeScript peuvent accepter différents types de paramètres, tels que les paramètres facultatifs, par défaut et de repos. Explorons chaque type en détail.

Paramètres optionnels

Vous pouvez définir des paramètres facultatifs en ajoutant un ? après le nom du paramètre. Les paramètres facultatifs n'ont pas besoin d'être fournis lorsque la fonction est appelée.

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.

Dans cet exemple, le paramètre age est facultatif. La fonction fonctionne correctement, que age soit fourni ou non.

Paramètres par défaut

Les paramètres par défaut vous permettent de spécifier des valeurs par défaut pour les paramètres au cas où ils ne seraient pas fournis lors de l'appel de la fonction.

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

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

Dans cet exemple, le paramètre b a une valeur par défaut de 2. Si aucun deuxième argument n'est fourni, 2 sera utilisé par défaut.

Paramètres de repos

Les paramètres de repos vous permettent de passer un nombre variable d'arguments à une fonction. Ils sont définis à l'aide de la syntaxe ....

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

Dans cet exemple, la fonction sum accepte n'importe quel nombre d'arguments, tous de type number, et renvoie leur somme.

Types de retour dans TypeScript

La spécification du type de retour d'une fonction est aussi importante que la définition des types de paramètres. Elle permet à TypeScript de comprendre le résultat attendu de la fonction, garantissant ainsi qu'elle renvoie le type de données correct.

Spécification des types de retour

Pour spécifier le type de retour d'une fonction, ajoutez deux points : suivis du type après la liste des paramètres.

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

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

Dans cet exemple, la fonction isEven renvoie un boolean indiquant si le nombre d'entrée est pair ou non.

Fonctions sans type de retour

Lorsqu'une fonction ne renvoie pas de valeur, son type de retour est void. Ceci est utile pour les fonctions qui exécutent une action sans fournir de résultat.

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

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

Dans cet exemple, la fonction logMessage enregistre un message dans la console et ne renvoie rien, le type de retour est donc void.

Conclusion

Les fonctions TypeScript offrent un moyen puissant d'écrire du code sécurisé en définissant des types de paramètres et des types de retour. En utilisant des paramètres facultatifs, par défaut et de repos, ainsi qu'en spécifiant des types de retour, vous pouvez créer des fonctions plus robustes et plus faciles à gérer. Commencez à utiliser les fonctions TypeScript dans vos projets pour garantir une meilleure qualité et une meilleure sécurité du code.