Méthode du constructeur en JavaScript

Dans Javascrip, la méthode du constructeur est invoqué lorsque vous créez une instance d'une classe. Il est également utilisé pour initialiser les objets au sein d'une classe. Cependant, JavaScript créera et exécutera automatiquement un constructeur vide si vous n'avez défini aucune méthode de constructeur pour une classe.

Les constructeurs en JavaScript peuvent être de types différents, comme le Intégré Javascrip Constructeurs, le Fonction de constructeur personnalisé, et le Méthode du constructeur d'une classe définie par l'utilisateur. Selon les exigences, vous pouvez utiliser ces constructeurs pour créer et initialiser l'objet ou l'instance d'une classe.

Cet article discutera des constructeurs et de leurs types en JavaScript à l'aide d'exemples appropriés.

Méthodes de constructeur en JavaScript

En JavaScript, il existe deux types de méthodes de constructeur:

• Constructeur par défaut
• Constructeur paramétré

La section dirigée ci-dessous expliquera brièvement les constructeurs par défaut et paramétrés et leur utilisation en JavaScript.

Méthode du constructeur par défaut dans JavaScript

UN Constructeur par défaut est créé automatiquement par JavaScript si vous n'avez pas ajouté de méthode de constructeur dans une classe particulière. Cependant, si vous souhaitez effectuer une opération spécifique lors de la création d'un objet de classe, vous pouvez définir explicitement une méthode de constructeur par défaut.

Syntaxe de la méthode du constructeur par défaut dans JavaScript

classe classname
constructeur()
// corps du constructeur par défaut

Note: Le Méthode du constructeur n'a pas de type de retour explicite.

Exemple: méthode du constructeur par défaut en javascript

Dans l'exemple divisé ci-dessous, nous définirons une méthode de constructeur par défaut pour le «Employé" classe. Selon la définition du «constructeur()«Méthode, chaque fois qu'un«Employé«L'objet de classe est créé, il initialisera son«nom«Propriété à«Alex", et "âge«Propriété comme«25»:

Employé de classe
constructeur ()
ce.name = 'Alex';
ce.âge = 25;


const Employee1 = nouvel employé ();
console.Journal ("Nom de l'employé:" + Employé1.nom);
console.Journal ("Age:" + Employee1.âge);

L'exécution du programme donné créera un «Employé1«Objet du«Employé”Classe en utilisant le constructeur par défaut. La méthode du constructeur par défaut initialisera ensuite les propriétés spécifiées pour le «Employé1" objet. Enfin, le «console.enregistrer()«La méthode imprimera les valeurs stockées dans le«Employé1.nom" et "Employé1.âge" propriétés:

L'utilisation du constructeur par défaut est utile lorsque vous souhaitez initialiser les propriétés de tous les objets créés avec la même valeur. Mais, que se passe-t-il si vous devez attribuer des valeurs uniques aux objets tout en les créant? En JavaScript, vous pouvez réaliser cette fonctionnalité à l'aide du «Constructeur paramétré" méthode.

Méthode du constructeur paramétré en javascript

Un constructeur qui comprend des paramètres est connu sous le nom de «Constructeur paramétré" méthode. Ce type de constructeur est principalement utilisé lorsque vous souhaitez initialiser les propriétés de la classe avec certaines valeurs spécifiques.

Syntaxe de la méthode du constructeur paramétré en javascript

classe classname
constructeur (paramètre1, paramètre2…, paramètre)
// corps du constructeur paramétré

Ici, le constructeur paramétré accepte les paramètres passés comme «arguments»Tout en créant un objet de classe.

Exemple: méthode du constructeur paramétré en javascript

Nous allons créer une méthode de constructeur paramétré pour le «Employé”Classe qui initialise les propriétés avec les valeurs passées comme arguments:

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

Dans le code ci-dessous, "Employé1«Objet du«Employé"La classe est créée à l'aide d'un constructeur paramétré où"Stepheny"Est passé comme"nom«Valeur de la propriété, et«25«L'argument représente la valeur de«âge" propriété:

const Employee1 = nouvel employé ("Stepheny", 25);
console.Journal ("Nom de l'employé:" + Employé1.nom);
console.Journal ("Age:" + Employee1.âge);

Sortir

La sortie donnée ci-dessus signifie que nous avons créé avec succès un «Employé1”Objet ayant les valeurs de propriété spécifiées à l'aide de la méthode du constructeur paramétré.

Maintenant, discutons des constructeurs intégrés de JavaScript.

Constructeurs intégrés en JavaScript

Les constructeurs intégrés sont également connus sous le nom Constructeurs d'objets. Dans JavaScript, lorsqu'un objet de la classe "Objet”Est ​​créé, le constructeur d'objets est appelé directement, ce qui aide à créer l'objet de la classe spécifiée.

JavaScript propose des constructeurs intégrés pour différentes classes prédéfinies telles que «Déployer","Date","Chaîne","Nombre","Booléen", et "Objet".

La section ci-dessous démontrera l'utilisation de certains constructeurs JavaScript intégrés.

Exemple: constructeur intégré d'objet en javascript

Pour créer un objet simple, vous pouvez utiliser le «Objet”Constructeur intégré de classe. À cette fin, vous devez passer un «valeur«Comme argument tout en invoquant le constructeur objet ():

Nouvel objet ([valeur])

Dans cet exemple, nous créerons deux objets nommés «Nom de l'employé" et "employée", En utilisant le"Objet”Constructeur de classe:

var employeename = nouvel objet ("Alex");
var employeage = nouvel objet (25);
console.Log ("Nom de l'employé:" + Employeename)
console.Log ("Age:" + Employeage);

Sortir

N'oubliez pas que vous pouvez spécifier toute valeur dans le «Objet()”Constructeur, et il ne change pas le type d'objet créé. Par exemple, nous avons initialisé «Nom de l'employé«Avec une valeur de chaîne, et«employée»Contient une valeur de nombre. Pourtant, le type du «Nom de l'employé" et "employée" est réglé sur "objet»:

Exemple: Array Constructeur intégré en JavaScript

De même, le constructeur intégré du «Déployer«La classe peut être utilisée pour créer un objet qui contient des éléments de tableau:

Nouveau tableau ([valeur])

En utilisant le constructeur de classe Array (), nous allons maintenant créer un «employés"Objet qui comprend trois éléments de tableau"Alex","Paul", et "Max»:

Var Employés = New Array ('Alex', 'Paul', 'Max');
console.journal (employés);
console.Journal (type d'employés);

Sortir

La méthode du constructeur ajouté dans une classe définie par l'utilisateur a sa propre signification; Cependant, leur portée est limitée, car vous ne pouvez pas utiliser ces constructeurs tout au long de votre application chaque fois que la création d'un objet est nécessaire. De plus, le constructeur intégré ne vous permet pas de se personnaliser.

Dans un tel scénario, vous pouvez créer un Fonction de constructeur personnalisé en javascript pour personnaliser le comportement d'un constructeur, qui peut être utilisé n'importe où dans un programme.

Fonction du constructeur personnalisé dans JavaScript

La fonction du constructeur personnalisé est utile lors de la création de plusieurs objets avec les mêmes propriétés et méthodes. Ces fonctions sont similaires aux fonctions régulières, sauf qu'elles sont invoquées avec «nouveau" mot-clé.

Syntaxe de la fonction du constructeur personnalisé dans JavaScript

Function FunctionName (paramètre1, paramètre2…, paramètre)

// corps de la fonction du constructeur personnalisé

Ici, le constructeur de fonction personnalisé accepte les paramètres passés comme «arguments»Tout en créant un objet.

Exemple 1: fonction du constructeur personnalisé en javascript

Nous définirons une fonction de constructeur personnalisée nommée «Employé"Cela comprend"nom" et "âge"Propriétés et une"showInfo ()" méthode. Notez que le nom de la fonction personnalisée "Employé«Commence par la lettre majuscule qui le distingue des fonctions régulières:

Employé de fonction (nom, âge)
ce.name = name;
ce.âge = âge;
ce.showInfo = function ()
Renvoie "Nom de l'employé:" + ceci.nom + ", âge:" + ceci.âge;
;

À l'étape suivante, nous définirons deux objets "Employé1" et "employé2" en utilisant le "Employé”Fonction du constructeur:

var employee1 = nouvel employé ('Alex', 25);
Var Employee2 = New Employee ('Paul', 35);

Enfin, invoquant le «showInfo ()«La méthode pour les objets créés montrera les valeurs des propriétés transmises comme arguments:

console.Journal (Employé1.showInfo ());
console.Journal (Employee2.showInfo ());

Sortir

Nous avons compilé les informations essentielles liées aux méthodes de constructeur, aux constructeurs intégrés et aux fonctions de constructeur personnalisées en JavaScript.

Conclusion

Les constructeurs en JavaScript peuvent être de types différents, comme le Constructeurs JavaScript intégrés, le Fonction de constructeur personnalisé, et la méthode du constructeur d'une classe définie par l'utilisateur. La méthode du constructeur est en outre divisée en Défaut et Paramétré Constructeurs. Selon les exigences, vous pouvez utiliser ces constructeurs pour créer et initialiser l'objet ou l'instance d'une classe. Cet article a discuté des constructeurs et de leurs types en JavaScript à l'aide d'exemples appropriés.