🔧 Fonctions et Typage en TypeScript

📌 Pourquoi typer les fonctions ?

TypeScript permet de déclarer les types attendus par une fonction. Cela rend ton code :

• plus lisible
• plus fiable
• moins sujet aux erreurs

📘 Déclaration typée d’une fonction

📋 Copier le code

function saluer(nom: string): string {
  return "Bonjour " + nom;
}

• function saluer : déclaration de la fonction nommée saluer
• (nom: string) : le paramètre nom doit être une chaîne de caractères
• : string après les parenthèses : signifie que la fonction retourne une chaîne
• return "Bonjour " + nom : construit et retourne le message

🧮 Exemple avec plusieurs paramètres typés

📋 Copier le code

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

• Deux paramètres a et b de type number
• La fonction retourne un number (la somme)

📝 Typage des fonctions anonymes (avec flèche)

TypeScript permet aussi de typer les fonctions fléchées (arrow functions), souvent utilisées dans les callbacks.

📋 Copier le code

const multiplier = (x: number, y: number): number => {
  return x * y;
};

• On utilise ici une syntaxe fléchée () => { }
• Les paramètres et la valeur de retour sont typés comme précédemment

🔒 Fonction avec paramètre optionnel

📋 Copier le code

function afficherMessage(message: string, auteur?: string): string {
  if (auteur) {
    return auteur + " dit : " + message;
  }
  return message;
}

• auteur?: string : le paramètre auteur est optionnel (peut être omis)
• La fonction s’adapte en fonction de la présence du deuxième paramètre

🔁 Fonction sans retour (type void)

📋 Copier le code

function afficherBienvenue(): void {
  console.log("Bienvenue !");
}

• : void indique que la fonction ne retourne rien
• Elle réalise une action (ici un affichage), mais ne donne pas de résultat exploitable

📌 Résumé

• TypeScript permet de typer chaque paramètre et la valeur retournée
• Les fonctions peuvent avoir des paramètres optionnels
• Le typage des fonctions fléchées est identique
• void s’utilise pour une fonction sans retour

🧭 Prochaine étape

Dans le prochain chapitre, nous allons explorer les types unions et les types littéraux qui permettent d’enrichir et de sécuriser encore plus ton code.

Souhaites-tu passer au Chapitre 8 : Types unions et littéraux en TypeScript ?