JavaScript Call vs Appliquer vs Bind

Lors de la programmation en JavaScript, il existe des situations où il est nécessaire d'intégrer les fonctionnalités d'un objet avec une fonction définie par l'utilisateur. De plus, en appliquant des fonctionnalités supplémentaires à l'objet créé ou à sa propriété pour appliquer une opération sans la modifier. Dans de tels cas, JavaScript fournit le «appel()","appliquer()", et "lier()»Méthodes pour faire face à de telles situations.

Cet article discutera des différences entre les méthodes d'appel (), d'appliquer () et de lier ().

JavaScript Call () vs appliquer () vs bind () méthodes

Méthode Call ()

Le "appel()»La méthode invoque une fonction avec un contexte spécifié. Cette méthode peut être appliquée pour intégrer les fonctionnalités d'un objet et une fonction en accédant à la fonction ayant l'objet référé comme un paramètre d'une fonction avec les paramètres passés simultanément.

Syntaxe

Appelez (ref, args)

Dans la syntaxe donnée:

• "référence»Fait référence à la valeur à utiliser comme«ce"Lorsque vous appelez une fonction.
• "args»Porte les arguments pour la fonction.

Exemple

Suivons l'exemple indiqué ci-dessous:

Dans l'extrait de code ci-dessus, effectuez les étapes suivantes:

• Créer un objet ayant la propriété indiquée.
• Après cela, déclarez une fonction nommée «Sumnum ()”Avoir les paramètres indiqués.
• Dans sa définition, utilisez "ce”Pour vous référer à la propriété de l'objet créé et y ajouter les paramètres placés.
• Enfin, accédez à la fonction et au «appel()”Méthode en faisant référence à l'objet créé et au paramètre passé. Cela ajoutera les valeurs des paramètres à la valeur de la propriété de l'objet.

Sortir

À partir de la sortie ci-dessus, on peut observer que la somme des valeurs de la propriété de l'objet et des paramètres de pass sont retournés.

Méthode appliquer ()

Cette méthode est identique au «appel()" méthode. La différence dans cette méthode est qu'il prend les paramètres de fonction sous la forme d'un tableau.

Syntaxe

postuler (ref, array)

Dans la syntaxe ci-dessus:

• "référence»Fait référence à la valeur à utiliser comme«ce"Lorsque vous appelez une fonction.
• "déployer»Indique les arguments sous la forme d'un tableau avec lequel la fonction sera appelée.

Exemple

Jetons un coup d'œil à l'exemple suivant:

Dans l'extrait d'Adobe Code, effectuez les étapes suivantes:

• Répétez les étapes discutées dans l'exemple du «appel()”Méthode pour créer un objet, déclarant une fonction avec des paramètres et se référant à l'objet.
• Enfin, accédez à la fonction définie en contenant l'objet référé comme son premier paramètre et les valeurs de paramètre de la fonction sous la forme d'un tableau.
• Cela entraînera également le renvoi de la somme de l'objet et les valeurs de paramètres transmises.

Sortir

À partir de la sortie ci-dessus, il est évident que la somme souhaitée est retournée.

Méthode Bind ()

Le "lier()«La méthode n'exécute pas une fonction immédiatement, il renvoie plutôt une fonction qui peut être exécutée plus tard.

Syntaxe

lier (ref, args)

Dans la syntaxe ci-dessus:

• "référence»Correspond à la valeur à passer comme«ce»Paramètre à la fonction cible.
• "args»Fait référence aux arguments pour la fonction.

Exemple

Suivons l'exemple donné pour comprendre clairement:

Dans le code JavaScript ci-dessus, effectuez les étapes suivantes:

• Rappelez-vous les étapes discutées pour créer un objet et définir une fonction ayant les paramètres déclarés.
• Dans l'étape suivante, appliquez le «lier()”Méthode et répétez la même procédure pour contenir l'objet créé et les valeurs de paramètre passé pour renvoyer la somme.
• Ici, stockez les fonctionnalités effectuées à l'étape précédente dans un «en ligne"Fonction nommée"UpdFunction ()”Qui peut également être utilisé plus tard.

Sortir

Dans la sortie ci-dessus, il est évident qu'en appelant le déclaré «en ligne”Fonction, la somme est renvoyée en conséquence.

Exemple: application d'appel (), appliquer () et bind () avec le même objet et la même fonction

Dans cet exemple, appliquez les méthodes discutées sur un seul objet à l'aide d'une fonction.

Suivons l'exemple ci-dessous étape par étape:

Dans les lignes de code ci-dessus, effectuez les étapes suivantes:

• Revivre les étapes discutées pour créer un objet, déclarant une fonction ayant les paramètres indiqués.
• Dans le code supplémentaire, accédez à la fonction définie avec chaque méthode discutée.
• On peut observer que les trois méthodes sont appliquées différemment avec la fonction mais donnent la même sortie, comme en témoigne ci-dessous.

Sortir

À partir de la sortie ci-dessus, on peut voir que toutes les méthodes donnent la même sortie.

Conclusion

Le "appel()" et "appliquer()«Les méthodes peuvent être implémentées pour intégrer les fonctionnalités d'un objet et une fonction en passant les valeurs des paramètres simplement et sous la forme d'un tableau, respectivement. Le "lier()«La méthode peut également être appliquée de la même manière. La fonctionnalité supplémentaire dans cette méthode est qu'elle est stockée dans une fonction à utiliser plus tard. Ce didacticiel a expliqué les différences entre les méthodes d'appel (), appliquer () et bind ().