Méthodes d'objet JavaScript
Exemple
const person = {
firstName: "John",
lastName: "Doe",
id: 5566,
fullName: function() {
return this.firstName + " " +
this.lastName;
}
};
Le ce mot- clé
Dans une définition de fonction, this
fait référence au "propriétaire" de la fonction.
Dans l'exemple ci-dessus, this
est l' objet personne qui "possède" la
fonction fullName .
En d'autres termes, this.firstName signifie la propriété firstName de cet objet .
En savoir plus sur le mot- this
clé à JS ce mot-clé .
Méthodes JavaScript
Les méthodes JavaScript sont des actions qui peuvent être effectuées sur des objets.
Une méthode JavaScript est une propriété contenant une définition de fonction .
Propriété | Valeur |
---|---|
Prénom | Jean |
nom de famille | Biche |
âge | 50 |
couleur des yeux | bleu |
nom complet | function() {retourner this.firstName + " " + this.lastName ;} |
Les méthodes sont des fonctions stockées en tant que propriétés d'objet.
Accéder aux méthodes d'objet
Vous accédez à une méthode objet avec la syntaxe suivante :
objectName.methodName()
Vous décrirez généralement fullName() comme une méthode de l'objet person et fullName comme une propriété.
La propriété fullName s'exécutera (en tant que fonction) lorsqu'elle sera invoquée avec ().
Cet exemple accède à la méthode fullName() d'un objet personne :
Exemple
name = person.fullName();
Si vous accédez à la propriété fullName , sans (), elle renverra la définition de la fonction :
Exemple
name = person.fullName;
Ajouter une méthode à un objet
Ajouter une nouvelle méthode à un objet est simple :
Exemple
person.name = function () {
return this.firstName + " " + this.lastName;
};
Utilisation des méthodes intégrées
Cet exemple utilise la toUpperCase()
méthode de l'objet String, pour convertir un texte en majuscule :
let message = "Hello world!";
let x = message.toUpperCase();
La valeur de x, après exécution du code ci-dessus sera :
HELLO WORLD!
Exemple
person.name = function () {
return (this.firstName + " " + this.lastName).toUpperCase();
};