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.

1
const element = {
2
  prop1 : 'valeur1',
3
  prop2 : 'valeur2',
4
  methode : function(){return this.prop1 + this.prop2 ;}
5
}
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.

1
const element = {} ;
2
element.prop1 = 'valeur1' ;
3
element.prop2 = 'valeur2' ;
4
element.methode = function (){return this.prop1 + this.prop2 ;}

Ou

1
const element = new Object() ;
2
element.prop1 = 'valeur1' ;
3
element.prop2 = 'valeur2' ;
4
element.methode = function (){return this.prop1 + this.prop2 ;}

Ou, comme la valeur d'un tableau

1
const element = {} ;
2
element['prop1'] = 'valeur1' ;
3
element['prop2'] = 'valeur2' ;
4
element['methode'] = function (){return this.prop1 + this.prop2 ;}

MéthodeLecture

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

1
const element = {
2
  prop1 : 'valeur1',
3
  prop2 : 'valeur2',
4
  methode : function (){return this.prop1 + this.prop2 ;}
5
}
6
window.console.log(element.methode());

Ou, comme la valeur d'un tableau :

1
const element = {
2
  prop1 : 'valeur1',
3
  prop2 : 'valeur2',
4
  methode : function (){return this.prop1 + this.prop2 ;}
5
}
6
window.console.log(element['methode']());

ComplémentÉcriture simplifiée des méthodes

1
const element = {
2
  methode : function(){...}
3
}

peut s'écrire

1
const element = {
2
  methode(){...}
3
}