Méthode JavaScript de la fonction bind()
Fonction d’emprunt
Avec le bind() méthode, un objet peut emprunter une méthode à un autre objet.
L’exemple ci-dessous crée 2 objets (personne et membre).
L’objet membre emprunte la méthode fullname à l’objet person :
Exemple
const personne = {
prénom: »John »,
nom: « Biche »,
nomcomplet : fonction () {
retourne this.firstName + » » + this.lastName ;
}
}
membre constant = {
Prénom: »Hege »,
nom : « Nilsen »,
}
let fullName = person.fullName.bind(member);
Essayez-le vous-même »
Conservation ce
Parfois l bind() méthode doit être utilisée pour éviter de perdre ce.
Dans l’exemple suivant, l’objet personne a une méthode d’affichage. Dans la méthode d’affichage, ce fait référence à l’objet personne :
Exemple
const personne = {
prénom: »John »,
nom: « Biche »,
affichage : fonction () {
soit x = document.getElementById(« demo »);
x.innerHTML = this.firstName + » » + this.lastName ;
}
}
personne.display();
Essayez-le vous-même »
Lorsqu’une fonction est utilisée comme rappel, ce est perdu.
Cet exemple essaiera d’afficher le nom de la personne après 3 secondes, mais il affichera indéfini plutôt:
Exemple
const personne = {
prénom: »John »,
nom: « Biche »,
affichage : fonction () {
soit x = document.getElementById(« demo »);
x.innerHTML = this.firstName + » » + this.lastName ;
}
}
setTimeout(person.display, 3000);
Essayez-le vous-même »
Le bind() méthode résout ce problème.
Dans l’exemple suivant, le bind() est utilisée pour lier person.display à person.
Cet exemple affichera le nom de la personne après 3 secondes :
Exemple
const personne = {
prénom: »John »,
nom: « Biche »,
affichage : fonction () {
soit x = document.getElementById(« demo »);
x.innerHTML = this.firstName + » » + this.lastName ;
}
}
let display = person.display.bind(person);
setTimeout(affichage, 3000);
Essayez-le vous-même »
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. |
#Méthode #JavaScript #fonction #bind