Partie 1 : Découvrir Angular
Partie 2 : Acquérir les bases sur Angular
Partie 3 : Aller plus loin avec Angular
1 de 2

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