Méthode d'appel JavaScript

"appel()"Est une méthode JavaScript prédéfinie qui est utilisée pour appeler des méthodes de divers objets. La méthode JavaScript Call () est invoquée tout en prenant le propriétaire de l'objet comme argument. Dans cette situation, le «ce»Le mot-clé fait référence à l'objet ou au propriétaire auquel appartient la méthode. En JavaScript, toutes les fonctions sont considérées comme des méthodes d'objet, et si ce n'est pas le cas, alors la fonction sera utilisée comme objet global.

Cette rédaction discutera de la méthode JavaScript Call (). De plus, nous montrerons également comment utiliser la méthode JavaScript Call () pour chaîner les constructeurs d'objets et l'emprunt de la fonction à l'aide d'exemples. Alors, commençons!

Méthode JavaScript Call ()

Une fonction normale est considérée comme une instance du «Fonction" taper. Par exemple, nous avons créé un exemple de fonction Display () qui aura du code dans son corps:

Fonction affichage ()
// corps de la fonction

Maintenant, vérifiez l'association entre la fonction Display () et ««Fonction"En exécutant le divisé ci-dessous"console.enregistrer()" fonction. Il reviendra "vrai», Car notre fonction Display () définie est une instance du«Fonction" taper:

console.journal (afficher la fonction d'instance);

Syntaxe de la méthode JavaScript Call ()

En JavaScript, le «Fonction"Le type comprend une méthode"appel()”Qui a la syntaxe suivante:

functionname.Appelez (Thisarg, Arg1, Arg2,…);

Comme vous pouvez le voir dans la syntaxe, le «appel()"La méthode invoquera la fonction"functionname". Le premier argument, "thisarg"De la méthode d'appel, représente"ce«Valeur, et il permet également de définir la valeur de«ce«À un objet spécifié. Les arguments restants, tels que «arg1","arg2"… Peut être les arguments normaux de la fonction créée.

Exemple 1: Utilisation de la méthode JavaScript Call ()

Après avoir défini une fonction en JavaScript, nous devons l'invoquer pour qu'il puisse effectuer les opérations ajoutées. Dans cette situation, lorsque la fonction créée est appelée, la fonction JavaScript invoque la méthode Call () pour cette fonction.

Par exemple, nous avons créé un DisplayFunc () qui affichera une chaîne "C'est Linuxhint.com”Sur la fenêtre de la console:

fonction affichagefunc ()
console.Log ('c'est Linuxhint.com ');

Maintenant, nous invoquerons notre DisplayFunc () Fonction en utilisant le nom de la fonction:

DisplayFunc ();

Il vous montrera la sortie suivante:

Invoquant le Fonction DisplayFunc () ou invoquer le Méthode Call () pour le Fonction DisplayFunc () Affichera la même sortie:

DisplayFunc.appel();

À l'intérieur d'une fonction, "ce«La valeur est définie sur l'objet global par défaut, qui est«mondial”Sur le nœud.JS et "fenêtre»Sur les navigateurs Web. L'exécution de la fonction ci-dessous vous aidera à comprendre ce concept:

fonction affichagefunc ()
console.log (this);

En appelant le DisplayFunc (), la valeur de "ce"Qui est défini sur le"fenêtre”Objet, sera retourné:

DisplayFunc ();

Exemple 2: Utilisation de la méthode JavaScript Call ()

Tout d'abord, nous créerons un «somme()"Fonction avec les paramètres"X" et "y". À l'intérieur du corps du «somme()”Fonction, nous ajouterons le code pour renvoyer l'ajout des arguments passés:

Sum de fonction (x, y)
retour x + y;

Maintenant, au lieu d'appeler le «somme()»Fonction directement, nous avons utilisé le«appel()"Méthode pour invoquer notre créé"somme()" fonction. Ici, dans ce cas, la valeur de «ce»Sera défini sur l'objet global:

Soit le résultat = résume.Appelez (ceci, 89, 98);
console.log (résultat);

Jetez un œil à l'exemple fourni et à sa sortie:

Exemple 3: Utilisation de la fonction JavaScript Call ()

Dans cet exemple, premièrement, nous créerons un «salutation»Variable:

var salutation = 'bonjour';

Ensuite, nous définirons un «message"Objet ayant une propriété nommée"salutation»:

var message =
salutation: 'salut'

Après cela, nous créerons un «accueillir()" fonction. À l'intérieur de "accueillir()«Fonction, nous ferons référence au«salutation"Variable avec"ce" valeur:

fonction bienvenue (nom)
console.journal (ceci.salutation + "+ nom);

Maintenant, si nous invoquons le «accueillir()"Message en passant"ce" et 'Marquer«En tant qu'arguments, il montrera la sortie ci-dessous:

accueillir.Appelez (ceci, «Mark»);

Dans l'autre cas, vous pouvez également invoquer le «accueillir()”Fonction avec le«appel()«Méthode tout en passant le«message"Objet comme valeur de"ce»:

accueillir.appel (message, «mark»);

Ce faisant, vous verrez une chaîne "Salut Mark«Comme sortie:

Constructeurs d'objets de chaînage utilisant la méthode JavaScript Call ()

Vous pouvez également utiliser la méthode Call () pour chaîner les constructeurs d'objets. Je ne sais pas comment faire ça? Découvrez l'exemple suivant.

Exemple: Constructeurs d'objets de chaînage utilisant JavaScript Call () Méthode

Pour vous montrer comment enchaîner les constructeurs d'objets en utilisant le «appel()»Méthode, premièrement, nous créons une fonction objet () ayant deux paramètres de longueur et de largeur:

objet de fonction (longueur, largeur)
ce.longueur = longueur;
ce.largeur = largeur;

Ensuite, nous en créerons un autre "Widget ()»Fonction comprenant trois paramètres: longueur, largeur et couleur. Pour attribuer la valeur au «longueur" et "largeur»Variable, nous invoquerons la fonction objet () avec la méthode Call (). Pour le "couleur»Variable, sa valeur sera attribuée dans le«Widget ()" fonction:

Widget de fonction (longueur, largeur, couleur)
objet.Appelez (ceci, longueur, largeur);
ce.color = couleur;

Maintenant, nous allons créer un nouveau "widget"Objet ayant une longueur"90", Largeth"70», Et la couleur comme«bleu" valeurs:

Soit widget = nouveau widget (90,70, «bleu»);
console.journal (widget);

Découvrez la sortie de l'exemple ci-dessus:

Emprunt de fonction à l'aide de la méthode JavaScript Call ()

L'emprunt de la fonction est un concept dans lequel un objet utilise la méthode d'un autre objet. Cette section démontrera la procédure d'emprunt de la fonction à l'aide de la méthode JavaScript Call ().

Exemple: Fonction Emprunt à l'aide de la méthode JavaScript Call ()

Pour expliquer l'emprunt de la fonction, la première chose que nous devons faire est de créer deux objets et de définir certaines fonctions pour chacun d'eux. Pour ce faire, nous ajouterons un «vélo«Objet, ayant un«nom»Propriété et trois méthodes simples: start (), speedup () et stop ():

const de vélo =
Nom: «vélo»,
start: function ()
console.journal («démarrer votre» + ceci.nom);
,
speetup: function ()
console.journal («accélérer votre» + ce.nom)
,
stop: function ()
console.journal («arrête votre» + ceci.nom);

;

Après cela, nous créerons un autre objet, "avion«Qui contiennent un«nom«Propriété et un«voler" fonction:

const Airplane =
Nom: «avion»,
fly: function ()
console.Log («Volez votre avion»);

;

Maintenant, nous utiliserons la méthode «Call ()» pour invoquer la «commencer«Méthode du«vélo"Objet sur le"avion" objet:

vélo.commencer.appel (avion);

Comme vous pouvez le voir sur la sortie, nous avons emprunté avec succès la méthode de l'objet de vélo pour l'objet avion:

Conclusion

Dans JavaScript, Call () est une méthode intégrée qui peut être utilisée pour invoquer la méthode ou la fonction d'un objet comme premier paramètre. Vous pouvez également utiliser la méthode JavaScript Call () avec un objet pour utiliser une méthode qui appartient à un autre objet. Cette rédaction a discuté de la méthode JavaScript Call (). De plus, nous avons également démontré l'utilisation de la méthode JavaScript Call () pour chaîner les constructeurs d'objets et l'emprunt de la fonction à l'aide d'exemples.