Méthodes de classe statique JavaScript

Les méthodes de classe statique en JavaScript sont couramment utilisées pour définir les fonctions utilitaires. Des méthodes de classe statique ont été ancrées dans le «ES6«En tant que méthode spécifique à la classe JavaScript pour la programmation orientée objet (OOP). Vous pouvez utiliser le «statique”Mot-clé avec le nom de la méthode pour créer une méthode de classe statique. De plus, les méthodes de classe statique sont invoquées à l'aide de l'objet de classe, pas l'instance de classe.

Cet article discutera des méthodes de classe statique JavaScript. De plus, nous démontrerons également des exemples de définition de méthodes statiques et de leur utilisation dans une classe JavaScript. Alors, commençons!

Syntaxe des méthodes de classe statique JavaScript

Pour définir une méthode statique dans votre classe JavaScript, vous devez utiliser le «statique»Mot-clé avec le nom de la méthode. Consultez la syntaxe donnée ci-dessous pour créer une méthode de classe statique statique JavaScript:

Méthode statique ()

Ici méthode Peut être tout ce que vous souhaitez nommer en tant que méthode.

Méthodes de classe statique JavaScript

En JavaScript, les méthodes statiques sont liées à une classe mais pas aux cas de la classe JavaScript. C'est pourquoi des méthodes de classe statique sont utilisées pour définir des méthodes d'utilité ou d'assistance.

Exemple 1: Utilisation de méthodes de classe statique JavaScript

Utilisez le mot-clé "statique«Pour définir une méthode statique pour votre classe JavaScript. Dans l'exemple ci-dessous, premièrement, nous créerons un «Employé"Avoir un constructeur et une méthode"getName () »:

Employé de classe
constructeur (nom)
ce.name = name;

getName ()
retourner ceci.nom;

Au sein de notre classe d'employés, nous définirons un «Showgender ()«Méthode statique en utilisant le«statique" mot-clé. Notre méthode de classe statique Showgender () renverra un objet employé avec son «nom" valeur de la propriété:

Showgender statique (genre)
Soit Name = Gender == "Femme" ? "Stepheny": "Stepheny";
retourner un nouvel employé (nom);

Nous allons créer un «employé»Instance qui stockera la valeur renvoyée par le ventre() méthode statique. Notez que nous avons invoqué la méthode statique Showgender () avec la «Employé”Objet de classe:

Laissez l'employé = employé.Showgender ("femme");
console.journal (employé);

Voici la sortie que nous obtenons en exécutant l'exemple ci-dessus:

Nous avons déjà mentionné, vous devez invoquer la méthode statique avec l'objet de classe, pas avec l'instance de classe. Par exemple, nous avons créé un «Employé1»Instance de la classe des employés. Maintenant, quand nous invoquons notre Showgender () Méthode statique avec le «Employé1»Instance, cela nous donnera une erreur:

Soit Employee1 = nouvel employé («Jack Smith»);
Laissez info = employee1.Showgender ("Homme");

Comme vous pouvez le voir, nous ne pouvons pas accéder à la méthode statique Showgender () avec le «Employé1»Instance, c'est pourquoi nous obtenons l'erreur suivante:

Exemple 2: Utilisation de méthodes de classe statique JavaScript

Dans cet exemple, premièrement, nous créerons une classe nommée «Vélo"Et son constructeur paramétré, qui accepte le vélo"nom«Comme paramètre:

Classe Bike
constructeur (nom)
ce.name = name;
console.log (nom);

Dans l'étape suivante, nous créerons une méthode statique "BikeInfo ()"Qui renverra une chaîne"C'est mon vélo«Chaque fois que nous l'invoquerons:

BikeInfo statique ()
Retour "Ceci est mon vélo";

Ensuite, nous créerons une instance de classe de vélo nommée «mon vélo"Et passera"Yamaha yzf r15 v3«Comme argument au constructeur:

Laissez MyBike = New Bike ("Yamaha Yzf R15 V3");

Maintenant, nous appellerons le «BikeInfo ()«Méthode statique avec le nom de notre classe, qui est«Vélo»:

Vélo.BikeInfo ();

En invoquant le BikeInfo () Méthode du JavaScript "Vélo«Classe, le programme affichera la sortie suivante:

Alors que l'appel de la méthode statique BikeInfo () avec l'instance de classe de vélo créée affichera une erreur:

mon vélo.BikeInfo ();

Pour utiliser l'instance créée de la classe de vélo à l'intérieur du «BikeInfo ()"Méthode statique, nous pouvons passer"mon vélo«En tant que paramètre. Regardez le programme ci-dessous pour l'illustration:

Classe Bike
constructeur (nom)
ce.name = name;

BikeInfo statique (x)
Retour "Ceci est mon vélo:" + x.nom;

Après avoir défini la méthode statique paramétrée, nous créerons un «mon vélo»Instance de la classe de vélo:

Laissez MyBike = New Bike ("Yamaha Yzf R15 V3");

Ensuite, nous invoquerons le «bikeinfo"Méthode statique en passant"mon vélo”Instance comme argument:

Vélo.BikeInfo (Mybike);

La sortie s'affiche «C'est mon vélo:"String avec le vélo"nom" de nôtre "mon vélo" exemple:

Conclusion

En utilisant le "statique”Mot-clé, vous pouvez définir les méthodes de classe statique statique JavaScript. Pour invoquer la méthode statique définie, vous devez créer un objet de la classe associée et appeler la méthode statique à l'aide. Les méthodes statiques JavaScript appartiennent à la classe dans laquelle elles sont définies; Cependant, vous ne pouvez pas y accéder avec l'instance de classe. Cet article a discuté des méthodes de classe statique JavaScript. De plus, nous avons également démontré quelques exemples liés à la définition de méthodes statiques et à leur utilisation dans une classe JavaScript.