Comment utiliser Call, Apply et Bind en JavaScript

JavaScript call(), apply() et bind() ont de bonnes chances d’apparaître dans votre interview de développement Web. Êtes-vous prêt?

Vous avez peut-être rencontré diverses fonctions intégrées comme celles des tableaux et des chaînes en pratiquant JavaScript. Bien que vous puissiez utiliser ces méthodes plus courantes dans vos tâches de programmation quotidiennes, d’autres méthodes peuvent être utilisées à des fins spéciales.

Les méthodes call(), apply() et bind() de JavaScript sont quelques-unes de ces méthodes qui ont leurs cas d’utilisation spéciaux et sont souvent utilisées pour tester vos connaissances JavaScript lors d’entretiens de codage. Regardons de plus près comment vous pouvez les utiliser.

appeler()

call() permet d’assigner et d’appeler une fonction ou une méthode appartenant à un objet différent. Vous pouvez vous référer aux valeurs de l’objet en utilisant le mot clé this.

Consultez cet exemple call().

soit obj = {
nom: « John »,
nom de famille: « Biche »,
Nom complet : function() {
console.log (this.name +  »  » + ceci.prénom);
}
}
obj.getFullName();

L’objet obj a une fonction nommée getFullName() qui affiche le nom complet de la personne. Maintenant, si vous souhaitez utiliser getFullName() avec un objet différent qui a des valeurs différentes, vous pouvez le faire en utilisant la fonction call().

const obj2 = {
nom: « Jane »,
nom de famille: « Biche »
}
obj.Nom complet.appel (obj2);

Vous pouvez également passer différents arguments dans la fonction call() avec l’objet.

soit obj = {
nom: « John »,

nom de famille: « Biche »,
getFullName: fonction (âge, sexe) {
console.log (this.name +  »  » + ceci.nom de famille + «  » + âge + «  » + sexe);
}
obj.Nom complet.appel (obj2,21, « femme »);

appliquer()

La fonction apply() fonctionne de la même manière que la fonction call(). La seule différence entre la fonction call() et apply() est que vous pouvez passer plusieurs paramètres dans le tableau et les utiliser.

Voici un exemple d’apply():

const obj = {
nom: « John »,
nom de famille: « Biche »,
getFullName: fonction (âge, sexe) {
console.log (this.name +  »  » + ceci.nom de famille + «  » + âge + «  » + sexe);
}
}

obj.Nom complet.appliquer (obj2, [21, « femme »]);

lier()

bind() renvoie la copie exacte d’une fonction et la lie à un objet. Cette méthode est utilisée pour lier et conserver une copie d’une méthode et l’utiliser plus tard. Vous pouvez utiliser la fonction quand vous le souhaitez en l’invoquant.

Voici un exemple de bind():

const obj = {
nom: « John »,
nom de famille: « Jane »,
Nom complet : function() {
console.log (this.name + ceci. nom de famille);
}
}
const obj2 = {
nom: « Jane »,
nom de famille: « Biche »

}
soit func = obj.Nom complet.lier (obj2);
func ();

N’Arrêtez Jamais D’Apprendre JavaScript

Les fonctions call(), apply() et bind() sont importantes pour préparer les entretiens JavaScript. Il existe une myriade d’autres concepts de base en JavaScript que vous devez maîtriser pour devenir le programmeur le plus efficace que vous puissiez être; pourquoi ne pas commencer par des méthodes de tableau ?

%d blogueurs aiment cette page :