Comment utiliser les fonctions dans TypeScript - Guide du débutant

Les fonctions sont un élément fondamental de TypeScript, tout comme elles le sont en JavaScript. TypeScript étend les fonctions JavaScript avec des fonctionnalités supplémentaires telles que les annotations de type, qui améliorent la clarté du code et évitent les erreurs. Ce guide pour débutants vous explique comment utiliser les fonctions dans TypeScript.

Définition des fonctions

En TypeScript, vous pouvez définir des fonctions comme en JavaScript mais avec des annotations de type facultatives pour spécifier les types de paramètres et les valeurs de retour.

Définition de la fonction de base

Voici comment définir une fonction simple dans TypeScript:

function greet(name: string): string {
  return "Hello, " + name;
}

Dans cet exemple, name est un paramètre de type string et la fonction renvoie une valeur de type string.

Paramètres de fonction et types de retour

TypeScript vous permet de spécifier les types des paramètres de fonction et des valeurs de retour, contribuant ainsi à garantir que la fonction est utilisée correctement.

Fonction avec paramètres

Voici une fonction qui prend deux paramètres et renvoie leur somme:

function add(x: number, y: number): number {
  return x + y;
}

Dans cette fonction, x et y sont tous deux de type number, et la fonction renvoie un number.

Fonctions sans valeur de retour

Toutes les fonctions n'ont pas besoin de renvoyer une valeur. Les fonctions sans valeur de retour sont déclarées avec un type de retour de void. Ces fonctions exécutent des actions mais ne produisent pas de résultat.

Exemple de valeur sans retour

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

Dans cet exemple, logMessage imprime le message sur la console mais ne renvoie aucune valeur.

Paramètres facultatifs et par défaut

TypeScript prend en charge les paramètres facultatifs et par défaut, vous permettant de créer des fonctions plus flexibles.

Paramètres optionnels

Les paramètres facultatifs sont spécifiés en ajoutant un ? après le nom du paramètre:

function greet(name: string, greeting?: string): string {
  if (greeting) {
    return greeting + ", " + name;
  }
  return "Hello, " + name;
}

Dans cet exemple, greeting est un paramètre facultatif qui peut être omis lors de l'appel de la fonction.

Paramètres par défaut

Les paramètres par défaut ont une valeur par défaut si aucune valeur n'est fournie:

function greet(name: string, greeting: string = "Hello"): string {
  return greeting + ", " + name;
}

Si greeting n'est pas fourni, la valeur par défaut est "Hello".

Surcharge de fonction

TypeScript prend en charge la surcharge de fonctions, vous permettant de définir plusieurs signatures de fonctions pour le même nom de fonction:

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}.`;
}

Dans cet exemple, greet peut être appelé avec un ou deux paramètres.

Fonctions fléchées

Les fonctions fléchées fournissent une syntaxe plus courte pour l'écriture de fonctions et n'ont pas leur propre contexte this:

const add = (x: number, y: number): number => x + y;

Cet exemple montre comment définir une fonction fléchée qui ajoute deux nombres.

Conclusion

Les fonctions de TypeScript constituent un moyen puissant d'encapsuler et de réutiliser du code. En utilisant des annotations de type, des paramètres facultatifs et par défaut, la surcharge de fonctions et les fonctions fléchées, vous pouvez écrire du code plus robuste et plus facile à gérer. La compréhension de ces principes de base vous aidera à tirer pleinement parti des capacités de TypeScript dans vos projets.