Comment appeler une fonction dans JavaScript

Comment appeler une fonction dans JavaScript
Les fonctions sont des morceaux de blocs qui viennent avec des fonctionnalités réutilisables et réduisent la complexité du code. Si une action doit être effectuée plusieurs fois, les fonctions sont utilisées pour réduire la répétition du code dans le programme. Ces fonctions peuvent être définies par l'utilisateur ou intégrées qui effectuent une action spécifique.

Chaque fois que nous avons besoin du code dans la fonction pour exécuter, nous faisons un appel et certaines actions sont effectuées. En javascript il y a quatre moyens par lesquels vous pouvez appeler une fonction et effectuer l'action. Dans cet article, nous discuterons de la façon d'appeler une fonction en JavaScript et de diverses façons de l'appeler avec des exemples pour une meilleure démonstration.

Appel d'une fonction dans JavaScript

Dans JavaScript chaque fois que nous appelons une fonction, quelle que soit la façon dont elle s'appelle, deux arguments "ce" et le Paramètres d'arguments sont transmis qui sont implicites. "ce»Représente la condition ou le contexte qui permettra à la fonction de s'exécuter tandis que le paramètre des arguments se compose de tous les arguments qui sont transmis à la fonction. Voici les quatre façons dont les fonctions en JavaScript sont appelées ainsi que des exemples pour votre meilleure compréhension.

Appeler une fonction comme «fonction»

La manière la plus utilisée et la plus courante d'appeler n'importe quelle fonction dans n'importe quel langage de programmation est de l'appeler comme une fonction elle-même. Cela peut être fait lorsque vous placez certaines lignes de code et exécutez ces lignes chaque fois qu'un bouton est cliqué, puis la fonction est appelée «fonction».

Dans l'exemple mentionné ci-dessous sur le clic de bouton, la fonction est appelée directement et l'action est effectuée:

Cliquez sur le bouton pour dire bonjour




Sortir:

Appeler une fonction de méthode

Une autre façon d'appeler une fonction est une méthode et en cela, la fonction est définie comme une propriété sur un objet qui se fait en envelopper la fonction à l'intérieur d'un objet.

Dans l'exemple fourni ci-dessous la fonction "GreetingFunc ()"Est enveloppé à l'intérieur de l'objet"Bonjour»Et nous avons utilisé la méthode de syntaxe Dot Object pour appeler la fonction chaque fois que le bouton est cliqué:

Cliquez sur le bouton pour les salutations




Sortir:

Appeler une fonction de constructeur

Les constructeurs sont utilisés pour initialiser un état et le définir dans un objet ou la construction d'un objet. Appeler une fonction en tant que constructeur est un moyen spécialisé par lequel nous envoyons des entrées et recevons une sortie différente pour chaque entrée.

Dans l'exemple ci-dessous, les utilisateurs saisissent leur nom dans une boîte d'entrée et lorsqu'ils cliquent sur le bouton, la fonction "GreetingFunc ()"Est appelé et dans cette fonction la valeur de la zone de texte d'entrée est obtenue via l'ID attribué au champ de texte d'entrée. Une nouvelle instance de l'objet Hello est créée en appelant la fonction Hello ().


Cliquez sur le bouton pour les salutations




Le mot-clé «nouveau» montre que la fonction est appelée en tant que constructeur et que la valeur est enregistrée dans le salut de la variable qui est plus tard utilisé pour imprimer le nom à l'écran.

Sortir:

Appeler une fonction via Call () et appliquer ()

Tout en travaillant avec des fonctions JavaScript, vous devez garder à l'esprit que les fonctions peuvent avoir leurs propres propriétés et méthodes et appel() et appliquer() Être les deux de ces méthodes. Ces deux méthodes permettent à l'utilisateur de définir le contenu dans lequel il souhaite exécuter la fonction via «ce" valeur.

Dans l'exemple ci-dessous, deux informations de personnes sont stockées et s'affiche lorsque la valeur est transmise à l'intérieur de la méthode Call (). Ici, la méthode FullName est appelée pour afficher le nom du premier ponde.


Sortir:

Le appliquer() la méthode est utilisée de manière similaire pour appeler une fonction, mais elle accepte un tableau tandis que le appel() La méthode accepte une liste de valeurs.

Cons num = [2, 6, 11, 33, 4];
const max = math.max.Appliquer (null, num);
console.log (max);
const min = math.min.Appliquer (null, num);
console.log (min);

Sortir:

Conclusion

Les fonctions sont constituées de code qui est réutilisé tout au long des différentes entrées. En JavaScript, les fonctions peuvent avoir leurs propres propriétés et méthodes et peuvent être appelées de quatre manières différentes. Dans cet article, nous avons discuté de la façon d'appeler une fonction dans JavaScript et a discuté des quatre façons avec l'exemple et le code. Toutes ces quatre façons sont utiles pour tout développeur et tout en travaillant avec des fonctions, vous devez être conscient de la référence de mot-clé «cette» et de son travail.