Cacher is the code snippet organizer for pro developers

/* Exemple d'utilisation des décorateurs avec TypeScript */

@Component({
    selector: 'my-component',
    template: 'my-template.html'
})
export class MyComponent {}

/* Un constructeur pour notre classe Hero */

// Cas n°1 : 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;
}

// Cas n°2 : On ajoute un paramètre 'planet' facultatif avec l'opérateur '?'.
function createHero(lifePoint: number, name: string, planet?: string): Hero {  
    var hero = new Hers();
    hero.lifePoint = lifePoint;
    hero.name = name;
    if(planet) this.planet = planet;
    
    return hero;
}

/* Lever une erreur de type en TypeScript */

var lifePoint: number = 100;
lifePoint = 'some-string';

/* Le typage des variables avec TypeScript */

// On déclare un nombre 
var lifePoint: number = 100; 

// On déclare une chaîne de caractère 
var name: string = 'Green Lantern'; 

// On déclare une variable qui correspond à une classe de notre application ! 
var greenLantern: Hero = new Hero(lifePoint, name); 

// On peut créer un autre héros de type Hero
var superMan: Hero = new Hero(lifePoint, 'Superman'); 

// Je peux même créer un tableau de héros, qui contient tous les héros de mon application ! 
var heros: Array<Hero> = [greenLantern, superMan];

/* Fonction qui retourne un message de bienvenue */

function sayHello(person) {
    return "Hello, " + person;
}

// Création d'une variable "Jean"
var Jean = "Jean";

// On ajoute dans notre la page HTML un message
// pour affiche "Hello, Jean".
document.body.innerHTML = sayHello(Jean);