Création d'objets en javascript

JavaScript est un langage de programmation conçu pour faciliter l'interaction entre les objets. Dans cette langue de script, un objet est essentiellement une variable qui peut stocker de nombreuses valeurs. Par exemple, les voitures dans une salle d'exposition, les étudiants à l'école et l'argent dans des comptes bancaires. Il existe différentes façons de Création d'objets à l'aide de JavaScript, comme les littéraux d'objets, méthodes de constructeur, Des classes, et de nouveaux mots clés. Cependant, l'objet littéral est le moyen le plus courant de Créer des objets en utilisant Javascrip.

Dans cet article, nous avons expliqué deux méthodes pour créer des objets en JavaScript.

• Utilisation d'objet littéral pour créer un objet en javascript
• Utilisation de la méthode du constructeur pour créer un objet en javascript
• Utilisation de la classe pour créer un objet en javascript
• Utilisation du nouveau mot-clé pour créer un objet en javascript

Méthode 1: Créez un objet en utilisant les littéraux d'objet en javascript

C'est le moyen le plus simple de créer un objet en javascript en initialisant l'objet. Les utilisateurs peuvent créer et définir un objet en une seule ligne. Un phénomène de paire de valeurs clés est effectué pour attribuer les valeurs séparées par un côlon. L'attribution des valeurs est écrite en accolades bouclées:

Syntaxe

La syntaxe pour créer un objet avec un initialiseur d'objet est donnée ci-dessous:

var objet = propriétéName: propriétéValue

Le propriété Le nom fait référence au nom de la propriété et le valeur de la propriété représente la valeur de cette propriété.

Exemple

Dans cet exemple, toutes les valeurs sont attribuées aux propriétés de l'objet avec une valeur clé.

Code

// Un exemple de création d'un objet utilisant des littéraux d'objet
var professeur = premier nom: "Harry",
LastName: "Billi",
Âge: 35,
Sujet: "Math";
console.journal (professeur.prénom);

Dans le code:

• L'object professeur est défini, et différentes propriétés sont créées pour cet objet.
• Par la suite, différentes valeurs sont affectées à ces propriétés.
• En fin de compte, la propriété spécifique professeur.prénom est affiché en utilisant le console.enregistrer() méthode Javascrip.

Sortir

La sortie renvoie la propriété spécifique d'un objet en créant la méthode littérale de l'objet en javascript.

Note: Javascript 1.1 et plus tôt ne prennent pas en charge les littéraux d'objets pour initialiser les objets.

Méthode 2: Création d'un objet en utilisant la méthode du constructeur en javascript

Une autre manière alternative qui peut être utilisée pour créer un objet en javascript est la méthode du constructeur. La méthode crée une instance d'objet de la classe. Dans cette méthode, définissez d'abord un type d'objet en utilisant la méthode du constructeur:

Syntaxe

Constructeur de fonction (propriété)
ce.propriété = propriété;
Soit newObject = new Constructor ('ObjectValue');

Paramètre:

Les paramètres sont décrits comme suit.

• Constructeur: une méthode qui initialise un objet de la classe.
• newobject: représente l'objet nouvellement créé
• propriété: indique la propriété de l'objet existant
• ObjectValue: Spécifie la valeur attribuée à l'objet.

Exemple

Un exemple est fourni pour créer un objet avec la méthode du constructeur en javascript. À cette fin, le code est le suivant:

Code

// Un exemple de création d'un objet utilisant le constructeur
Classe de fonction (nom, sujet)
ce.name = name;
ce.Sujet = sujet;

Laissez Teacher1 = New Class ('John', 'Math');
Laissez Teacher2 = New Class («Harry», «Physique»)
console.journal (professeur1.nom);
console.journal (professeur2.nom);

Dans ce code:

• Un constructeur est appelé en passant la propriété nom et sujet.
• Après cela, deux objets sont créés avec les noms de professeur1 et enseignant2.
• Les différentes valeurs leur sont attribuées en appelant le constructeur.

Sortir

La sortie renvoie les noms John et Harceler qui sont associés aux propriétés de professeur1 et enseignant2.

Méthode 3: Création d'un objet utilisant la classe dans JavaScript

La nouvelle version de JavaScript ES6 a soutenu le concept de classe. Créer l'objet en utilisant la classe est tout à fait comme la méthode du constructeur ci-dessus. Cependant, les méthodes sont remplacées par les classes en fournissant les fonctionnalités dans la version ES6 en JavaScript. La syntaxe pour créer cette méthode est fournie ci-dessous:

Syntaxe

Classe classname
constructeur (propriété)
ce.propriété = propriété;
Laissez newObject = new ClassName ('ObjectValue');

Dans la syntaxe ci-dessus:

• Le nom du cours Spécifie le nom de la classe.
• Après cela, la propriété est transmise au constructeur.
• En fin de compte, le objet est affecté au newobject variable en javascript.

Exemple

Un exemple de création d'un objet est démontré en utilisant la classe en javascript.

Code

// un exemple de création d'un objet utilisant des classes
classe enseignant
Constructeur (nom, sujet, Haircolor)
ce.name = name;
ce.Sujet = sujet;
ce.Câtonneuse = Haircolor;


Laissez Teacher1 = New Teacher ('Ali', 'Physics', 'Black');
Laissez Teacher2 = nouveau professeur («John», «Math», «Brown»);
console.journal (professeur1.nom);
console.journal (professeur2.sujet);

Dans ce code:

• Le professeur de classe est défini en trois propriétés: nom, sujet et couleur de cheveux.
• De plus, deux objets sont créés: professeur1 et enseignant2.
• Après, différentes valeurs sont affectées à professeur1 et enseignant2 objets.
• Enfin, présentez les informations avec le console.enregistrer() Méthode en javascript.

Sortir

La sortie montre l'exécution du code ci-dessus de telle manière que OBJECTIF ENREGISTREMENT 1 Renvoie la propriété du nom Ali. De la même manière, la propriété sujet de l'objet enseignant2 est renvoyé en utilisant l'opérateur de points dans Javascrip.

Méthode 4: Création d'un objet en utilisant le nouveau mot-clé dans JavaScript

Cette méthode fait référence à la création d'un objet en utilisant le nouveau mot-clé dans JavaScript. L'opérateur de points est utilisé pour créer les propriétés de nouveaux objets. Après cela, des valeurs leur sont affectées. Il s'agit également d'une méthode couramment utilisée pour créer des objets en javascript. Pour mieux comprendre le nouveau mot clé, un exemple est fourni ici.

Exemple

L'exemple est démontré en créant un objet professeur en javascript.

Code

// un exemple de création d'un objet utilisant un nouveau mot-clé
var professeur = nouveau objet ();
professeur.FirstName = "Ali";
professeur.LastName = "Ahmed";
professeur.sujet = "math";
professeur.âge = 35;
professeur.Haircolor = "Brown";
console.journal (professeur.prénom);
console.journal (professeur.âge);
console.journal (professeur.sujet);

Dans ce code, la description est la suivante:

• Un objet professeur est créé avec un nouveau mot-clé.
• Après cela, FirstName, LastName, Sujet, âge, et couleur de cheveux les propriétés sont définies avec l'opérateur de points.
• Différentes valeurs sont attribuées à ces propriétés.
• En fin de compte, les propriétés d'objet sont affichées en utilisant le console.enregistrer() méthode.

Sortir

La sortie affiche l'exécution du code en utilisant le Nouveau mot-clé en javascript. Premièrement la professeur.Nom retourné le nom de l'enseignant Ali. De la même manière, professeur.âge et professeur.sujet est utilisé pour afficher l'âge et le sujet de l'enseignant Javascrip.

Conclusion

Les quatre façons différentes sont démontrées pour créer des objets en JavaScript, y compris littéraux d'objet, méthodes de constructeur, classes, et le Nouveau mot-clé. Premièrement, le objet littéral est utilisé pour créer un objet par les paires de valeurs de nom. Le méthode du constructeur est utilisé pour initialiser un objet et attribuer des valeurs en fonction de ses propriétés existantes. En outre, Des classes sont adaptés pour créer des objets et afficher leurs propriétés en leur attribuant des valeurs. En fin de compte, le mot-clé nouveau est utilisé pour créer un seul objet à la fois et le présenter dans la fenêtre de la console.