Méthode

En JavaScript les fonctions sont des contenus (des objets) comme les autres.

Donc, une méthode est gérée comme une propriété.

La différence avec les fonctions classiques est l'utilisation du mot clé this qui représente l'objet sur lequel on applique la méthode.

MéthodeA la création d'un objet littéral

Ajouter des méthodes à la création de l'objet.

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
const element = {
2
  prop1 : 'valeur1',
3
  prop2 : 'valeur2',
4
  methode : function(){return this.prop1 + this.prop2 ;}
5
}
const element = {
  prop1 : 'valeur1',
  prop2 : 'valeur2',
  methode : function(){return this.prop1 + this.prop2 ;}
}
Objet

Testez le code précédent et vérifiez la variable element

Remarquethis

Dans la méthode d'un objet, l'objet this représente l'objet lui-même.

MéthodeAprès la création d'un objet

Ajouter des méthodes après la création de l'objet.

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
const element = {} ;
2
element.prop1 = 'valeur1' ;
3
element.prop2 = 'valeur2' ;
4
element.methode = function (){return this.prop1 + this.prop2 ;}
const element = {} ;
element.prop1 = 'valeur1' ;
element.prop2 = 'valeur2' ;
element.methode = function (){return this.prop1 + this.prop2 ;}

Ou

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
const element = new Object() ;
2
element.prop1 = 'valeur1' ;
3
element.prop2 = 'valeur2' ;
4
element.methode = function (){return this.prop1 + this.prop2 ;}
const element = new Object() ;
element.prop1 = 'valeur1' ;
element.prop2 = 'valeur2' ;
element.methode = function (){return this.prop1 + this.prop2 ;}

Ou, comme la valeur d'un tableau

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
const element = {} ;
2
element['prop1'] = 'valeur1' ;
3
element['prop2'] = 'valeur2' ;
4
element['methode'] = function (){return this.prop1 + this.prop2 ;}
const element = {} ;
element['prop1'] = 'valeur1' ;
element['prop2'] = 'valeur2' ;
element['methode'] = function (){return this.prop1 + this.prop2 ;}

MéthodeLecture

La lecture des méthodes d'un objet se fait grâce à la notation ".".

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
const element = {
2
  prop1 : 'valeur1',
3
  prop2 : 'valeur2',
4
  methode : function (){return this.prop1 + this.prop2 ;}
5
}
6
window.console.log(element.methode());
const element = {
  prop1 : 'valeur1',
  prop2 : 'valeur2',
  methode : function (){return this.prop1 + this.prop2 ;}
}
window.console.log(element.methode());

Ou, comme la valeur d'un tableau :

num. | Ligne | texte | copie |
CTRL+C pour copier, CTRL+V pour coller
1
const element = {
2
  prop1 : 'valeur1',
3
  prop2 : 'valeur2',
4
  methode : function (){return this.prop1 + this.prop2 ;}
5
}
6
window.console.log(element['methode']());
const element = {
  prop1 : 'valeur1',
  prop2 : 'valeur2',
  methode : function (){return this.prop1 + this.prop2 ;}
}
window.console.log(element['methode']());