Les Accessoires en JavaScript

Introduction aux Accessoires

En JavaScript, pour révéler ou modifier les propriétés des objets, on utilise ce que l'on appelle des accessoires. Ces accessoires sont des méthodes spécifiques appelées getters et setters. Les getters permettent de récupérer des valeurs d'une propriété d'objet, tandis que les setters permettent de définir ces valeurs.

Utilisation des Getters et Setters

On définit un getter avec le mot-clé get, ce qui permet d'établir un comportement personnalisé lors de l'accès aux propriétés d'un objet. De même, set est utilisé pour instaurer un comportement lors de l'affectation de valeurs à ces propriétés.

Syntaxe

Il existe deux façons d'accéder aux propriétés :
1. Notation par point : objet.propriete
2. Notation par crochets : objet['propriete']

Voici un exemple de définition d'un objet avec un getter :

const utilisateur = {
    get nomUtilisateur() {
        return this._nom;
    }
};

Exemple Pratique : La Classe Utilisateur

Prenons l’exemple d’une classe Utilisateur qui encapsule des informations. Dans ce cas, nous mettrons en œuvre un getter pour accéder à l'email de l'utilisateur tout en préservant l'encapsulation des données :

class Utilisateur {
    constructor(nom, email) {
        this._nom = nom;
        this._email = email;
    }

    get emailUtilisateur() {
        return this._email;
    }
}
const eddy = new Utilisateur('eddy', 'eddy@example.com');
console.log(eddy.emailUtilisateur);  // Affiche : eddy@example.com

Dans cet exemple, nous выводу лей телефонный номер email, tout en gardant le champ _email privé.

Démonstration de Notation par Point et Crochets

Voici un exemple simple qui démontre comment utiliser à la fois la notation par point et crochets pour accéder aux propriétés d'un objet :

const article = {
    titre: 'Introduction à JavaScript',
    auteur: 'Jean',
};

console.log(article.titre);  // Affiche : Introduction à JavaScript
console.log(article['auteur']); // Affiche : Jean