Méthodes des objets JavaScript

Exemple

var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 648,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

Essayez-le vous-même

Méthodes JavaScript

Les méthodes JavaScript sont des actions qui peuvent être exécutées sur un objet.

JavaScript MéthodeEst composé deDéfinition de la fonctiondes propriétés.

Propriété valeur
firstName Bill
lastName Gates
age 62
eyeColor bleu
fullName function() {return this.firstName + " " + this.lastName;}

Une méthode est un fonction stockée comme une propriété d'un objet.

this mot-clé

En JavaScript, c'est appelé this les choses, il s'agit de l'objet qui possède ce code JavaScript.

this valeur, lorsqu'elle est utilisée dans une fonction, est l'objet qui "possède" cette fonction.

Veuillez noter this N'est pas une variable. C'est un mot-clé. Vous ne pouvez pas le changer this valeur.

Accéder à la méthode d'un objet

Pour créer une méthode d'objet, utilisez la syntaxe suivante :

methodName : function() { Ligne de code }

Pour accéder à la méthode d'un objet, utilisez la syntaxe suivante :

objectName.methodName()

Vous décririez généralement fullName() comme une méthode de l'objet person, et fullName comme une propriété.

L'attribut fullName est exécuté sous forme de fonction après avoir été appelé avec ()

Dans cet exemple, on accède à la méthode fullName() de l'objet person Méthode:

Exemple

name = person.fullName();

Essayez-le vous-même

Si vous accédez à fullName PropriétéSi vous ne utilisez pas () lors de la définition, il retourneraDéfinition de la fonction:

Exemple

name = person.fullName;

Essayez-le vous-même

Utilisez les méthodes intégrées

Dans cet exemple, on utilise l'objet toUpperCase() Méthode, convertit le texte en majuscules :

var message = "Bonjour le monde!";
var x = message.toUpperCase();

La valeur de x, après l'exécution du code ci-dessus, sera :

HELLO WORLD!

Ajouter une nouvelle méthode

L'ajout de nouvelles méthodes est réalisé à l'intérieur de la fonction constructeur :

Exemple

function person(firstName, lastName, age, eyeColor) {
    this.firstName = firstName;  
    this.lastName = lastName;
    this.age = age;
    this.eyeColor = eyeColor;
    this.changeName = function (name) {
        this.lastName = name;
    };
}

La valeur de name de la fonction changeName() est assignée à la propriété lastName de person.

Maintenant, vous pouvez essayer :

myMother.changeName("Jobs");

Essayez-le vous-même

En utilisant myMother "au lieu de" this, JavaScript vous indique clairement quelle personne vous faites référence.