Quels sont les accessoires d'objet JavaScript

Les accessoires d'objets JavaScript sont utilisés pour accéder et mettre à jour les objets et deux mots clés utilisés pour cette fonction sont Getter et l'autre est le secteur. JavaScript a introduit les getters et les setters en ES5 en 2009.

Nous examinerons ce que sont les Getters et les Setters et comment les utiliser en JavaScript dans ce tutoriel et expliquer pourquoi vous devriez utiliser des méthodes Get ou définis. En dehors de cela, nous discuterons du objet.DefineProperty () aussi. En fin de compte, nous allons éclairer la lumière sur laquelle le navigateur prend en charge l'ensemble et obtiendrons des méthodes. Alors, commençons.

Obtenir un mot-clé

La méthode GET est utilisée pour récupérer une valeur, comme son nom l'indique, et dans le monde technique, il peut être défini comme un classeur d'une propriété d'objet à une fonction qui est appelée lorsque la propriété est recherchée. Nous ne pouvons pas obtenir la valeur avant d'avoir accédé à la méthode GET. Cependant, nous définissons la propriété de l'objet à l'avance.

Exemple:

const Player =
Nom: "Hazard",
Club: "Chelsea",
Shirtno: 10,
Get ClubName ()
retourner ceci.club;

;
alerte (joueur.clubnname);

Dans cet exemple, nous avons utilisé le Propriété de club-name Pour obtenir la valeur de la propriété du club.

Définir le mot-clé

C'est l'opposé du mot clé Get. Il est utilisé pour définir une valeur. Dans le monde technique, il peut être défini comme un liant d'une propriété d'objet à une fonction lorsque nous voulons définir une propriété.

Exemple:

const Player =
nom: "",
Club: "Chelsea",
Shirtno: 10,
// définir un nom de joueur
set setName (setName)
ce.name = setName ;;

;
// passant / définit la propriété d'objet I-E à l'aide d'un secteur
joueur.setName = "Mount";
// Permet de voir les données via une alerte
alerte (joueur.nom);

Dans cet exemple, nous avons d'abord créé un objet. Dans cet objet, nous avons créé une méthode définie en utilisant le mot-clé SET où nous définissons le nom du lecteur qui lui est transmis. Après l'objet, nous avons réglé le nom du joueur, puis nous avons affiché le résultat en utilisant une alerte.

Fonction vs getters

Vous devez maintenant penser, n'est-ce pas la même chose, eh bien la réponse est oui et non. Expliquons cela en utilisant des exemples:

Exemple de fonction:

const Player =
Nom: "Hazard",
Club: "Chelsea",
Shirtno: 10,
myfunc: function ()
retourner ceci.Nom + "Plays pour" + ce.club;

;
alerte (joueur.myfunc ());

Exemple Getter:

const Player =
Nom: "Hazard",
Club: "Chelsea",
Shirtno: 10,
obtenir myfunc ()
retourner ceci.Nom + "Plays pour" + ce.club;

;
alerte (joueur.myfunc);

Dans l'exemple de fonction, nous obtenons le myfunc () en tant que fonction Joueur I-E.myfunc (). Cependant, dans l'exemple Getter, nous accédons à la Propriété I-E Player.myfunc (). Maintenant, nous savons que la syntaxe Getter est plus facile et lisible que la fonction.

Objet.DefineProperty () en javascript

Le Objet JavaScript.DefineProperty () est utilisé pour ajouter des getters et des setters. Il faut trois arguments et la syntaxe de Objet.DefineProperty () est:

Objet.DefineProperty (ObjectName, PropertyName, ObjectDescriptor)

Le premier argument est le nom de l'objet, le second est le nom de la propriété, et le troisième argument est une description de l'objet.

Par exemple:

// définir un objet
const Player =
Nom: "Eden"

// Maintenant, nous obtenons une propriété d'un objet
Objet.DefineProperty (joueur, "getName",
get: function ()
retourner ceci.nom;

);
// Maintenant, nous définissons la propriété d'un objet
Objet.DefineProperty (joueur, "setName",
set: function (val)
ce.name = val;

);
console.journal (joueur.nom);
// donnons au joueur un nom complet
joueur.setName = "Hazard";
console.journal (joueur.nom);

Dans cet exemple, nous avons d'abord défini un objet. Après cette utilisation Objet.DefineProperty () Nous définissons le secteur et le getter. Maintenant, quand nous consolent pour la première fois.Journal Le nom du joueur est «Eden». Mais lorsque nous définissons le nom à l'aide du secteur, le nom du joueur passe à Hazard comme étant défini par nous.

Il est vrai que lorsque nous utilisons les getters et les setters, JavaScript sécurise une meilleure qualité de données.

Par exemple:

// Création d'un objet
const Player =
Nom: "Hazard",
Club: "Chelsea",
Shirtno: 10,
obtenir myfunc ()
retourner ceci.Nom + "Plays pour" + ce.club.TolowerCase ();

;
// en utilisant Get Afficher les données
alerte (joueur.myfunc);

Dans cet exemple, nous avons utilisé le nom et la propriété du club du joueur d'objet. Nous l'avons converti en supérieur et inférieur et avons renvoyé cette valeur. La solution ressemblait à ceci:

Pourquoi utiliser les getters et les setters?

• Peut accomplir et effectuer des tâches dans les coulisses.
• Nous fait sécuriser une meilleure qualité de données comme mentionné précédemment
• A également une syntaxe plus simple
• Propriétés et méthodes La syntaxe est similaire

Quels navigateurs soutiennent cela?

Conclusion

Nous avons appris presque tout sur les évaluateurs JavaScript qui sont des méthodes Get and Set en JavaScript dans cet article. En allant dans un peu de profondeur, nous avons également expliqué quel objet.DefineProperty () est. En dehors de cela, nous avons discuté des avantages de l'utilisation d'évaluateurs en JavaScript et de qui les navigateurs soutiennent les évaluateurs. En utilisant des évaluateurs, un développeur fait de son code des actions dans les coulisses et sécurise les données. Comme il a une syntaxe plus simple, cela rend également notre nettoyage de code.