Propriétés dans les Méthodes

Plongeons plus profondément dans l'utilisation des méthodes d'objet et explorons comment les méthodes utilisent le mot-clé this pour accéder aux propriétés de l'objet.

Accéder aux Propriétés de l'Objet dans les Méthodes

Lorsque nous définissons une méthode au sein d'un objet, nous pouvons accéder aux propriétés de l'objet en utilisant le mot-clé this. this fait référence à l'objet qui a appelé la méthode, nous permettant d'interagir avec ses propriétés. Illustrons ce concept avec un exemple :

Dans la méthode getInfo, this fait référence à l'objet furniture et représente le contenu interne de l'objet entier.

Exemple Pratique

Dans les méthodes, nous pouvons accéder aux propriétés de l'objet via this puis utiliser la notation par point pour accéder aux propriétés spécifiques comme d'habitude.

Dans l'exemple ci-dessous, les méthodes getColor, addProperty et modifyProperty utilisent this pour accéder à la propriété furniture et effectuer diverses opérations.

getColor enregistre la couleur de l'armoire dans la console en utilisant this pour se référer aux propriétés de l'objet;
addProperty ajoute de nouvelles propriétés à l'objet furniture. Elle prend deux paramètres : propertyName (le nom de la nouvelle propriété) et propertyValue (la valeur à attribuer à la nouvelle propriété);
modifyProperty modifie la valeur d'une propriété existante dans l'objet furniture. Elle prend deux paramètres : propertyName (le nom de la propriété à modifier) et propertyValue (la nouvelle valeur à attribuer à la propriété).


              12345678910111213141516171819202122232425262728
            
const furniture = {
  type: "wardrobe",
  manufacturer: "Belgium",
  color: "wenge magic",

  getColor() {
    console.log(this.color);
  },

  addProperty(propertyName, propertyValue) {
    this[propertyName] = propertyValue;
  },

  modifyProperty(propertyName, propertyValue) {
    this[propertyName] = propertyValue;
  },
};

// Access the `color` property of the `furniture` and log it to the console.
furniture.getColor(); // Output: wenge magic

// Add a new property to the `furniture` object using the `addProperty` method.
furniture.addProperty("material", "wood");
console.log(furniture.material); // Output: wood

// Modify an existing property using the `modifyProperty` method.
furniture.modifyProperty("color", "oak");
console.log(furniture.color); // Output: oak

Remarque

L'utilisation du mot-clé this est essentielle dans les méthodes d'objet. Il garantit que la méthode fonctionne avec l'objet spécifique qui l'appelle, même si le nom est inconnu à l'avance. Cela évite des problèmes potentiels, tels que la copie de méthodes d'un objet à un autre avec un nom différent.

Tout était clair ?

Merci pour vos commentaires !

Section 2. Chapitre 10

Structures de Données JavaScript

Propriétés dans les Méthodes

Accéder aux Propriétés de l'Objet dans les Méthodes

Exemple Pratique

1. À quoi se réfère le mot-clé `this` lorsqu'il est utilisé dans une méthode d'un objet ?

2. Dans l'exemple fourni ci-dessous, quel est le rôle de la méthode `getFeastPrice` dans l'objet `menu` ?

3. Dans l'exemple fourni ci-dessous, comment accédez-vous à la propriété "cold appetizer" de l'objet `menu` en utilisant `this` ?

Structures de Données JavaScript

Propriétés dans les Méthodes

Accéder aux Propriétés de l'Objet dans les Méthodes

Exemple Pratique

1. À quoi se réfère le mot-clé this lorsqu'il est utilisé dans une méthode d'un objet ?

2. Dans l'exemple fourni ci-dessous, quel est le rôle de la méthode getFeastPrice dans l'objet menu ?

3. Dans l'exemple fourni ci-dessous, comment accédez-vous à la propriété "cold appetizer" de l'objet menu en utilisant this ?

1. À quoi se réfère le mot-clé `this` lorsqu'il est utilisé dans une méthode d'un objet ?

2. Dans l'exemple fourni ci-dessous, quel est le rôle de la méthode `getFeastPrice` dans l'objet `menu` ?

3. Dans l'exemple fourni ci-dessous, comment accédez-vous à la propriété "cold appetizer" de l'objet `menu` en utilisant `this` ?