Partie 1 : Découvrir React
Partie 2 : Acquérir les bases de React
Partie 3 : Aller plus loin avec React
Partie 4 : Bonus
Partie 5 : Obtenir votre sticker React

4.1. TypeScript et les fonctions

TypeScript permet de spécifier un type de retour pour nos fonctions. Imaginons que nous voulons créer une fonction pour générer des Heros :

// Un constructeur pour notre classe Hero
// On spécifie le type de retour après les ':', ici Hero. 
function createHero(lifePoint: number, name: string): Hero { 
 var hero = new Hero(); 
 hero.lifePoint = lifePoint; 
 hero.name = name; 
 return hero;
}

Cette fonction doit retourner une instance de la classe Hero, comme indiqué après les ‘:’ à la ligne 3. Vous avez également remarqué qu’on a pu typer les paramètres de notre fonction ? Là-aussi, il s’agit d’un gros plus qu’apporte TypeScript, et qui nous permet de développer un code plus sérieux qu’avec le JavaScript natif !

Vous pouvez également ajouter des paramètres optionnels à vos fonctions. Par exemple, ajoutons à notre constructeur précédent un paramètre facultatif pour indiquer la planète d’origine d’un héros, grâce à l’opérateur ‘?’ :

// Le '?' indique que le paramètre ‘planet’ est facultatif :
function createHero(lifePoint: number, name: string, planet?: string): Hero { 
 var hero = new Hero(); 
 hero.lifePoint = lifePoint; 
 hers.name = name; 
 if(planet) hero.planet = planet; 
 
 return heros; 
}