Accessors d'objet JavaScript

Les propriétés des accessoires d'objet sont des méthodes en JavaScript qui sont utilisées pour obtenir ou définir la valeur d'un objet. "obtenir«Est le mot-clé utilisé pour définir un gette Méthode qui récupère la valeur de la propriété, tandis que «ensemble»Définit une méthode de setter pour modifier la valeur d'une propriété spécifique.

Lorsque nous voulons accéder à une propriété de notre objet JavaScript, la valeur renvoyée par la méthode Getter est utilisée et pour définir une valeur de propriété; La méthode du secteur est invoquée, puis nous passons la valeur comme un argument que nous voulons définir.

Cette rédaction discutera des accessoires d'objet JavaScript. De plus, nous présenterons également des exemples liés à Gette, Setter, et Objet.DefineProperty () Méthodes JavaScript. Alors, commençons!

Méthode Javascript Getter

Les méthodes Getter sont utilisées pour accéder à la valeur de la propriété d'un objet JavaScript. Le "obtenir»Un mot-clé est ajouté avant le nom de la fonction, indiquant qu'il s'agit d'un«gette”Méthode qui accédera à une propriété spécifique de l'objet créé.

Exemple: création et utilisation de la méthode JavaScript Getter

Cet exemple vous montrera comment créer et utiliser la méthode JavaScript Getter pour n'importe quel objet. Tout d'abord, nous créerons un «employé«Objet ayant deux propriétés: FirstName comme«John», Et LastName comme«Albert»:

const Employee =
FirstName: 'John',
LastName: 'Albert',
;

Dans la prochaine étape, nous créerons un «getFirstName ()”Méthode Getter qui accédera au«prénom«Propriété de notre«employé" objet. N'oubliez pas que vous devez définir la méthode Getter dans le bloc de définition des objets, pas en dehors de celui-ci:

get getFirstName ()
retourner ceci.prénom;

Après avoir créé le «getFirstName ()«Méthode JavaScript Getter pour l'objet employé, vous aurez maintenant deux choix pour accéder au«prénom" propriété. Soit vous pouvez y accéder directement en utilisant le «prénom«Propriété avec l'objet employé ou en accédant au«getFirstName”Méthode Getter comme propriété:

// accéder aux propriétés de données
console.journal (employé.prénom);
// Accès à la méthode Getter
console.journal (employé.getFirstName);

Jetez un œil à l'image suivante pour voir la sortie du code fourni:

Méthode JavaScript setter

Dans un programme JavaScript, les méthodes de setter modifient la valeur de la propriété d'un objet. Il ne doit prendre qu'un seul paramètre formel. Le "ensemble"Un mot-clé est ajouté pour spécifier qu'il s'agit d'un javascript"setter”Méthode qui modifiera la valeur d'une propriété d'objet particulier.

Exemple: création et utilisation de la méthode JavaScript setter

Premièrement, nous créerons un simple "employé"Objet qui comprend deux propriétés,"prénom" et "nom de famille" comme suit:

const Employee =
FirstName: 'John',
LastName: 'Albert',
;

Ensuite, nous définirons notre méthode de setter "ChangeFirstName«Cela sera utilisé pour changer le«prénom«De l'objet employé. Notez que vous devez effectuer cette opération dans le bloc de définition des objets:

// Propriété accessoire (setter)
set ChangeFirstName (newFirstName)
ce.FirstName = newFirstName;

Maintenant, nous allons vérifier la valeur de la propriété du «prénom"Et puis le régler sur le"Jim" en utilisant le "ChangeFirstName”Méthode du secteur de notre objet employé JavaScript:

console.journal (employé.prénom);
// Modification de la propriété de l'objet à l'aide d'un secteur
employé.ChangeFirstName = 'Jim';
console.journal (employé.prénom);

Découvrez l'image ci-dessous pour visualiser la sortie:

Objet JavaScript.Méthode DefineProperty ()

Outre les getters et setters JavaScript, il existe également le «Objet.DefineProperty ()”Méthode qui peut être utilisée pour accéder et modifier les propriétés de l'objet. Le "Objet.DefineProperty ()”La méthode aide à l'ajout de Getters et Setters pour tout objet JavaScript.

Syntaxe de l'objet.DefineProperty ()

Pour utiliser l'objet.Méthode DefineProperty () Dans votre code JavaScript, vous devez suivre sa syntaxe:

Objet.DefineProperty (ObjectName, PropertyName, ObjectDescriptor)

Ici, dans le «nom d'objet”Argument Vous devez ajouter le nom d'objet créé; Le deuxième argument «nom de la propriété»Représente la propriété. Enfin, le «ObjetScriptor»L'argument est utilisé pour décrire la propriété de l'objet.

Exemple: création et utilisation de l'objet JavaScript.Méthode DefineProperty ()

Cet exemple créera une méthode Getter et Setter à l'aide de l'objet.Méthode DefineProperty (). À cette fin, premièrement, nous créerons un «employé"Objet ayant un"prénom" propriété:

const Employee =
Firstname: 'Stepheny'

Maintenant, pour définir une méthode Getter en utilisant l'objet.DefineProperty (), nous spécifierons "employé"Comme notre objet,"nom"Comme propriété. Ensuite, nous ajouterons la description connexe suivie du mot-clé «Get» dans le corps de l'objet.Méthode DefineProperty ():

// Obtenir une propriété
Objet.DefineProperty (Employé, "getName",
get: function ()
retourner ceci.prénom;

);

De même, vous pouvez également définir une fonction de setter pour le «employé”Objet en définissant le nom de la propriété comme«changer de nom". Après cela, ajoutez le "ensemble”Mot-clé et définissez le corps de votre méthode de setter:

// Définition de la propriété
Objet.DefineProperty (Employé, "Changename",
set: function (valeur)
ce.FirstName = valeur;

);

Pour accéder à l'objet.Méthode DefineProperty () Getter, nous utiliserons le «employé«Nom de la propriété de l'objet«nom"Qui est ajouté comme le deuxième argument de l'objet.Méthode DefineProperty ():

// Obtenir la valeur de la propriété
console.journal (employé.getName);

Pour définir ou modifier le premier nom de l'employé, nous attribuerons le nouveau nom de premier nom à «employé.changer de nom" propriété:

// Modification de la valeur de la propriété
employé.ChangeName = 'Julie';
console.journal (employé.prénom);

Voici le programme JavaScript complet avec sa sortie:

Conclusion

Les accessoires d'objets JavaScript sont définis à l'aide de méthodes Getter et Setters. La méthode Getter renvoie la valeur de la propriété, tandis qu'un argument est transmis à la méthode du secteur, en attribuant cette valeur spécifique à la propriété de l'objet JavaScript. Cet article a discuté des accessoires d'objet JavaScript. De plus, des exemples liés à Getter, Setter et Object.Des méthodes de définition de laProperty () JavaScript sont également démontrées dans cet article.