Comprendre le mot-clé this

Fait partie de la section Programmation Orientée Objet du Journey JavaScript de Coddy — leçon 3 sur 56.

Le mot-clé this en JavaScript fait référence à l'objet qui exécute actuellement le code. Il vous permet d'accéder aux propriétés et aux méthodes de l'objet actuel.

Commençons par un objet de base :

let person = {
  name: "John",
  age: 30,
  greet: function() {
    console.log("Hello, my name is " + this.name);
  }
};

Dans cet exemple, lorsque nous appelons la méthode greet :

person.greet();

Le résultat sera :

Hello, my name is John

Ici, this.name à l'intérieur de la méthode greet fait référence à la propriété name de l'objet person.

Défi

Ajoutez une méthode appelée getStatus à l'objet player qui retourne une chaîne de caractères avec le nom et la santé du joueur en utilisant le mot-clé this.

Format de sortie attendu :
"Knight has 70 health"

Aide-mémoire

Le mot-clé this fait référence à l'objet qui exécute actuellement le code, vous permettant d'accéder à ses propriétés et méthodes.

Exemple d'utilisation de this dans une méthode d'objet :

let person = {
  name: "John",
  age: 30,
  greet: function() {
    console.log("Hello, my name is " + this.name);
  }
};

person.greet(); // Sortie : Hello, my name is John

À l'intérieur de la méthode, this.name fait référence à la propriété name de l'objet person.

Essayez vous-même

const player = {
    name: "Knight",
    health: 100,
    
    takeDamage: function(damage) {
        this.health -= damage;
    },
    
    // TODO: Ajouter la méthode getStatus ici qui retourne une chaîne avec le nom et la santé du joueur

};


// Test
player.takeDamage(30);
console.log(player.getStatus()); // Devrait afficher : "Knight has 70 health"