Bonjour! Bienvenue dans cet article sur les champs de classe et les propriétés statiques !
ES15 a ajouté la possibilité de définir des champs de classe et des propriétés statiques directement dans le corps de la classe. Cela élimine le besoin de fonctions de constructeur pour initialiser les propriétés, ce qui conduit à un code plus propre et plus concis. Il s'agit de comprendre cette nouvelle fonctionnalité !

1. Définissez une classe.

Vous devez définir une classe pour l'utiliser :

class myClass {
}

2. Mettez les propriétés dans la classe.

Mettre les propriétés dans la classe définit les propriétés :

class myClass {
    property1;
    property2;
}

Vous pouvez ajouter autant de propriétés que nécessaire.

3. Ajoutez la fonction constructor().

Ajoutez la fonction constructeur pour définir les clés dans cet objet pour les propriétés :

class myClass {
    property1;
    property2;
    constructor(property1, property2) {
        this.property1 = property1;
        this.property2 = property2;
    }
}

4. Exemple

Voici un exemple d'utilisation de cette nouvelle fonctionnalité dans JS :

class Person {
    name;
    age;
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
}

5. Conclusion

Et c'est la conclusion de cet article !
Assurez-vous d'ajouter une réaction et de l'ajouter à vos favoris !
Assurez-vous également de commenter ci-dessous !
Cet article a été réalisé pour le Frontend Challenge !