Objets - Accesseurs

Les accesseurs - également appelés getters et setters - ont été rendus disponibles en 2009, avec la version 5 du langage. Ils permettent de créer des accesseurs pour les propriétés d’un objet.

Les getters - le mot-clé get

Ce mot-clé est utilisé pour créer une méthode permettant d’obtenir la valeur d’une propriété.

Exemple :

// Création de l'objet
const person = {
    firstName: "John",
    lastName: "Doe",
    language: "en",
    get lang() {
        return this.language;
    }
};

// Affichage de la donnée 
document.getElementById("demo").innerHTML = person.lang;

Dans cet exemple, la première partie du code crée l’objet person. Au sein de cet objet, une méthode de type getter est créée grâce au mot-clé get.

Ensuite, dans la seconde partie du code, la langue de la personne est affichée grâce à l’accesseur créé dans l’objet.

Faites attention à ne pas nommer les getters du même nom que vos attributs sous réserve d'obtenir une erreur Max call stack size exceeded !

Les setters - le mot-clé set

Dans certains langages de programmation, les valeurs des propriétés d’un objet ne sont, pour des raisons de sécurité du code, jamais modifiées directement par le développeur.

Ainsi, pour pouvoir modifier les valeurs des propriétés, il est donc nécessaire d’utiliser un accesseur de type setter afin de modifier cette valeur, après que la méthode ait fait quelques vérifications afin de s’assurer que la nouvelle valeur transmise est fiable.

C’est là que le mot-clé set entre en jeu.

Exemple :

const person = {
    firstName: "John",
    lastName: "Doe",
    language: "",
    set lang(lang) {
        this.language = lang;
    }
};

// Modifie la valeur de la propriété via le setter
person.lang = "en";

// Affichage de la nouvelle valeur
document.getElementById("demo").innerHTML = person.language;

Faites attention à ne pas nommer les setters du même nom que vos attributs sous réserve d'obtenir une erreur Max call stack size exceeded !

Qualité des données