Typing des Propriétés
Typing des propriétés et des paramètres
1
class Customer {
2
3
firstName: string;
4
lastName: string;
5
age: number;
6
7
constructor(firstName: string, lastName: string, age: number) {
8
this.firstName = firstName;
9
this.lastName = lastName;
10
this.age = age;
11
}
12
13
}
Copied!
Pour le code suivant :
1
new Customer('Foo', 123);
Copied!
... nous obtenons l'erreur :
1
error TS2345: Argument of type '123' is not assignable to parameter of type 'string'.
Copied!
Par défaut, les paramètres et propriétés sont de type
any.
Ils sont alors compatibles avec tous les autres types.
Si nous n'avions pas typé les paramètres du constructeur, nous aurions pu instancier l'objet avec des propriétés contenant des valeurs de type autre que string.Exemple :
Le code ci-dessous compile sans souci...
1
class Customer {
2
3
firstName: string;
4
5
constructor(firstName) {
6
this.firstName = firstName;
7
}
8
9
}
10
11
const customer = new Customer(123);
12
13
customer.firstName.toUpperCase();
Copied!
... mais les problèmes apparaîtront en runtime car
customer.firstName sera de type number et n'aura donc pas de méthode toUpperCase.Raccourci pour les paramètres ordonnées du constructeur
La duplication du type en paramètre du constructeur et en propriété est fastidieuse et fréquente.
TypeScript propose une syntaxe concise "Parameter Properties" pour déclarer et initialiser les propriétés en indiquant simplement la visibilité de chaque paramètre du constructeur.
1
class Customer {
2
3
constructor(public firstName: string,
4
public lastName: string,
5
public age: number) {
6
}
7
8
}
9
10
const customer = new Customer('Foo', 'BAR', 30);
11
12
console.log(customer.firstName); // Foo
Copied!
Dernière mise à jour 4yr ago