Stay Tuned
Nos Services
Nos Guides
Classes
Création d'une classe
ES6 Class
Legacy Prototype
1
class Customer {
2
3
constructor(firstName, lastName) {
4
this.firstName = firstName;
5
this.lastName = lastName;
6
}
7
8
getName() {
9
return this.firstName;
10
}
11
12
}
Copied!
1
var Customer = function(firstName, lastName) {
2
this.firstName = firstName;
3
this.lastName = lastName;
4
}
5
6
Customer.prototype = {
7
getName: function () {
8
return this.firstName;
9
}
10
}
11
Copied!
Visibilité
En attendant la notion de class fields qui sera probablement bientôt introduite en ECMAScript 2019 http://kangax.github.io/compat-table/esnext/, la notion de visibilité
private se base sur la convention de nommage qui consiste à préfixer la propriété ou la méthode par le caractère underscore : _1
class Customer {
2
3
constructor(firstName, lastName) {
4
this.firstName = firstName;
5
this.lastName = lastName;
6
this.email = null;
7
this._isBadPayer = this._tellIfBadPayer();
8
}
9
10
getName() {
11
return this.firstName;
12
}
13
14
_tellIfBadPayer() {
15
return this.firstName === 'foo';
16
}
17
18
}
Copied!
Propriétés
1
class Customer {
2
3
constructor(firstName, lastName) {
4
this.firstName = firstName;
5
}
6
7
get firstName() {
8
return this._firstName;
9
}
10
11
set firstName(value) {
12
this._firstName = value;
13
}
14
15
}
16
17
/* @HACK: Last time we use var, I promise! */
18
var customer = new Customer();
19
20
customer.firstName = 'Foo';
21
22
console.log(customer.firstName); // Foo
Copied!
Ne les utilisez pas.
L'implémentation de propriétés peut s'avérer pratique dans certains cas extrêmes tels que l'intégration d'une librairie "legacy", mocking, décoration pour "type checking" etc...
Autrement, cela introduit surtout de l'ambiguité dans le code.
Qui pourrait imaginer que le code suivant puisse lever une exception ?
1
var customer = new Customer();
2
element.textContent = customer.name;
Copied!
Ou pire encore :
1
/* @HACK: Do not remove this useless line as it initializes
2
* the user eagerly instead of running it lazily. */
3
request.user;
Copied!
Toute ressemblance avec du code existant est fortuite.
Héritage
1
export class WishtackProduct extends Product {
2
3
...
4
5
getProductId() {
6
return 'wishtack-' + this._wishtackId;
7
}
8
9
}
Copied!
Evitez l'héritage...
... et préférez la composition !
Bonnes pratiques
En l'absence de notion de "class fields", il est recommandé d'initialiser toutes les attributs dans le constructeur. Autrement, il est difficile de déterminer les attributs d'une classe et les attributs présents sur une instance dépendront alors des méthodes appelées.
Dernière mise à jour 3yr ago
Copier le lien