Méthode JavaScript Appliquer

appliquer () est une méthode JavaScript prédéfinie qui peut être utilisée pour invoquer une fonction avec des arguments fournis comme tableau et une valeur «cette» donnée. La fonctionnalité de la méthode JavaScript Apply () et de la méthode Call () est la même, sauf que la méthode applique () transmet un seul éventail d'arguments plutôt que des arguments individuels. Vous pouvez également utiliser la méthode JavaScript appliquer () pour emprunter la méthode d'un autre objet et pour ajouter les éléments de tableau.

Cette rédaction discutera de la méthode JavaScript Apply (). De plus, nous démontrerons également l'utilisation de la méthode JavaScript appliquer () pour l'emprunt de la fonction et les éléments d'appel d'un tableau à un autre avec l'aide d'exemples. Alors, commençons!

Méthode JavaScript Apply ()

Le javascript "appliquer()«La méthode vous permet d'invoquer une fonction tout en passant un«déployer"Comme argument et un" donné "ce" valeur. Pour utiliser le «Fonction.prototype.appliquer()«Méthode, vous devez suivre sa syntaxe:

fonction.s'appliquer (thisarg, [args]);

Vous pouvez voir que le javascript «appliquer()»La méthode a deux paramètres. Le premier paramètre est «thisarg«Ce qui désigne le«ce«Valeur fournie pour appeler le«fonction". Le paramètre suivant est un tableau "[args]«Qui représente les paramètres du«fonction". Pour "args,«Un tableau ou un objet de type tableau peut être passé comme argument.

Maintenant, vous supposez peut-être que la méthode JavaScript Apply () et Call () ne sont pas les mêmes? La réponse est oui. Les deux méthodes sont similaires en fonctionnalité; Cependant, au lieu des arguments individuels, la méthode applicable () accepte les arguments de fonction comme un tableau.

Exemple: Utilisation de la méthode JavaScript appliquer ()

Pour vous montrer comment fonctionne la méthode JavaScript Appliquer (), nous créerons un «employé”Objet qui aura deux propriétés prénom et le nom de famille:

const Employee =
FirstName: 'Jack',
LastName: 'Smith'

Dans la prochaine étape, nous créerons un «accueillir()»Fonction qui accepte deux paramètres: salutation et message. Dans le corps du «accueillir()«Fonction, nous avons fait référence au«employé"Objet utilisant"ce», Qui a le prénom et nom propriétés:

fonction bienvenue (salutation, message)
return '$ salutation $ ceci.FirstName $ ceci.nom de famille. $ message ';

Maintenant, nous utiliserons la méthode JavaScript Apply () avec la fonction Welcome () en passant la «employé"En tant qu'objet, 'Salut«Comme argument de salutation, et 'J'espère que tu vas bien'Comme argument de message. Ici, les arguments du «accueillir()«La fonction est transmise comme un tableau au«appliquer()" méthode:

Let Text = Welcome.postuler (employé, [«salut», «j'espère que vous allez bien»]);
console.journal (texte);

Lors de l'exécution de l'exemple donné ci-dessus, vous verrez la sortie suivante:

En cas d'utilisation de la méthode Call (), vous devez passer tous les arguments requis séparément:

Let Text = Welcome.Appelez (employé, «salut», «j'espère que vous allez bien»);
console.journal (texte);

Fonction Empruntation à l'aide de la méthode JavaScript appliquer ()

Vous pouvez également utiliser la méthode Appliquer () pour emprunter la méthode d'un autre objet sans dupliquer le code.

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

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 une fonction pour chacun d'eux. À cette fin, nous créerons notre premier objet nommé «système". Le "système«L'objet aura deux propriétés:«nom" et "actif". Ensuite, nous définirons deux méthodes, "allumer()" et "éteindre(),«Qui sera associé au«actif" propriété:

const System =
Nom: 'HP ordinateur portable',
actif: faux,
allumer()
ce.actif = true;
return 'le $ ceci.le nom est actif ';
,
éteindre()
ce.actif = false;
return 'le $ ceci.le nom est inactif ';

;

Après cela, nous créerons un autre objet, "client«Qui contiennent un«nom" et "actif" propriété:

const client =
Nom: 'HP Chromebook',
actif: faux
;

Notez que nous n'avons pas ajouté Turnon () et Countoff () Méthodes pour l'objet client. Maintenant, pour utiliser le Méthode Turnon () de la "système"Objet pour le"client"Objet, nous pouvons utiliser le"appliquer()«Méthode pour emprunter la méthode spécifiée:

Laissez le message = système.allumer.postuler (client);
console.log (message);

Jetez un œil au code complet de l'exemple fourni et de sa sortie:

Ajout d'un tableau vers un autre en utilisant la méthode javascript appliquer ()

La méthode JavaScript Apply () vous offre également la facilité d'ajout d'éléments d'un tableau à un autre.

Exemple: ajout d'un tableau à un autre en utilisant JavaScript appliquer () Méthode

Tout d'abord, nous créerons deux tableaux, «Array1" et "Array2,«Avoir leurs valeurs respectives:

Soit Array1 = [10, 20, 30];
Soit Array2 = [70, 80, 90];

Nous voulons ajouter les éléments de Array2 "70","80", et "90”À Tableau 1. Pour ce faire, nous exécuterons le code suivant:

Array1.pousser.Appliquer (Array1, Array2);
console.log (array1);

Comme vous pouvez le voir dans la sortie, nous avons réussi à ajouter les éléments de Array2 à Array1:

Conclusion

Dans JavaScript, appliquer () est une méthode intégrée qui peut invoquer une fonction avec des arguments fournis comme tableau et une valeur donnée. Vous pouvez également utiliser la méthode JavaScript appliquer () pour utiliser une méthode qui appartient à un autre objet. Cette rédaction a discuté de la méthode JavaScript Apply (). De plus, nous avons également démontré l'utilisation de la méthode JavaScript appliquer () pour l'emprunt de fonction et les éléments d'appel d'un tableau à un autre avec l'aide d'exemples.