Méthode JavaScript Function call()
Réutilisation de la méthode
Avec le call() méthode, vous pouvez écrire une méthode qui peut être utilisée sur différents objets.
Toutes les fonctions sont des méthodes
En JavaScript, toutes les fonctions sont des méthodes d’objet.
Si une fonction n’est pas une méthode d’un objet JavaScript, c’est une fonction de l’objet global (voir chapitre précédent).
L’exemple ci-dessous crée un objet avec 3 propriétés, firstName, lastName, fullName.
Exemple
const personne = {
prénom: »John »,
nom: « Biche »,
nomcomplet : fonction () {
retourne this.firstName + » » + this.lastName ;
}
}
// Cela renverra « John Doe »:
personne.nomcomplet();
Essayez-le vous-même »
Dans l’exemple ci-dessus, this se réfère à la objet personne.
this.firstName signifie le prénom propriété de ce.
Pareil que:
this.firstName signifie le prénom propriété de personne.
Qu’est-ce que ce?
En JavaScript, le this mot-clé fait référence à un objet.
Qui l’objet dépend de comment this est invoqué (utilisé ou appelé).
Le this mot-clé fait référence à différents objets selon la façon dont il est utilisé :
Dans une méthode objet, this se réfère à la objet. |
Seul, this se réfère à la objet global. |
Dans une fonction, this se réfère à la objet global. |
Dans une fonction, en mode strict, this est undefined. |
Dans un événement, this se réfère à la élément qui a reçu l’événement. |
Des méthodes comme call(), apply()et bind() peut se référer this pour n’importe quel objet. |
La méthode JavaScript call()
Le call() method est une méthode JavaScript prédéfinie.
Il peut être utilisé pour invoquer (appeler) une méthode avec un objet propriétaire comme argument (paramètre).
Avec call()un objet peut utiliser une méthode appartenant à un autre objet.
Cet exemple appelle le nom et prénom méthode de personne, en l’utilisant sur
personne1:
Exemple
const personne = {
nom et prénom: fonction() {
retourne this.firstName + » » + this.lastName ;
}
}
const personne1 = {
prénom: »John »,
nom de famille : « Doe »
}
const personne2 = {
prénom: »Marie »,
nom de famille : « Doe »
}
// Cela renverra « John Doe »:
personne.nomcomplet.appel(personne1);
Essayez-le vous-même »
Cet exemple appelle le nom et prénom méthode de personne, en l’utilisant sur
personne2:
Exemple
const personne = {
nom et prénom: fonction() {
retourne this.firstName + » » + this.lastName ;
}
}
const personne1 = {
prénom: »John »,
nom de famille : « Doe »
}
const personne2 = {
prénom: »Marie »,
nom de famille : « Doe »
}
// Ceci renverra « Mary Doe »
personne.nomcomplet.appel(personne2);
Essayez-le vous-même »
La méthode call() avec des arguments
Le call() la méthode peut accepter des arguments :
Exemple
const personne = {
fullName : function(ville, pays) {
return this.firstName + » » + this.lastName + « , » + ville + « , » + pays ;
}
}
const personne1 = {
prénom: »John »,
nom de famille : « Doe »
}
person.fullName.call(person1, « Oslo », « Norvège »);
Essayez-le vous-même »
#Méthode #JavaScript #Function #call