Différentes façons d'écrire des fonctions en javascript

En JavaScript, il est crucial de se renseigner sur les fonctions, et la raison la plus importante est que les fonctions offrent aux utilisateurs la capacité d'implémenter la modularité. La modularité est la capacité de diviser un gros problème ou un obstacle en morceaux plus petits et gérables. Les fonctions se composent généralement de deux parties, l'une est l'endroit où une fonction est écrite ou créée, et l'autre est l'une est «l'appel de fonction» pour effectuer la tâche écrite à l'intérieur. Dans JavaScript, un utilisateur peut créer une fonction de trois manières différentes, qui sont:

• Déclarations de fonctions
• Expressions de fonction
• Fonctions flèches (également appelées fonctions de flèche de graisse).

Méthode 1: Déclaration de fonctions

Les déclarations de fonction sont la façon la plus standard et la plus utilisée de créer des fonctions. Une déclaration de fonction contient quatre parties différentes dans cette séquence:

• Le mot-clé fonction
• Le identifiant ou la Nom de la fonction
• Les fonctions' paramètres ci-joint dans des parenthèses
• Le corps de la fonction est enfermé avec des supports bouclés.

Pour créer une fonction pour ajouter deux valeurs différentes et renvoyer la somme des deux valeurs, prenez les lignes suivantes:

fonction getSUM (num1, num2)
return num1 + num2;

Comme vous pouvez le voir, la déclaration de fonction a commencé avec le mot-clé fonction suivi par le nom de la fonction "obtenir la somme". Après le nom, les paramètres sont déclarés, puis le corps de la fonction. L'utilisateur peut appeler cette fonction avec:

console.Log (getSUM (5, 10));

Cela produira la sortie suivante sur le terminal:

Le résultat de 5 + 10 a été imprimé sur le terminal comme 15.

Méthode 2: Expressions de fonction

Les expressions de fonction sont tout à fait comme des déclarations de fonction, mais la principale différence vient dans la séquence de ses parties. La séquence des parties d'une expression de fonction est la suivante:

• Fonction identifiant ou nom
• Opérateur d'assignation "="
• Ils mots clés fonction
• Paramètres (entre parenthèses)
• Corps de la fonction supports bouclés intérieurs

Contrairement à la déclaration de fonction, les expressions de fonction commencent par l'identifiant de la fonction qui est ensuite définie égale à (en utilisant l'opérateur d'attribution) la fonction de mot-clé et ainsi de suite. Pour créer la même fonction getSUM (comme dans la méthode 1), utilisez les lignes de code suivantes:

getSUM = fonction (num1, num2)
return num1 + num2;
;

Appelez une fonction créée par une expression de fonction est la même qu'une fonction créée avec la déclaration de fonction:

console.journal (getum (30, 5));

Cela produira le résultat suivant sur le terminal:

Le résultat, 35 a été imprimé sur le terminal

Méthode 3: fonctions de flèche / fonction de flèche de graisse

Les fonctions Arrow sont le nouveau moyen de créer une fonction comme publié dans la version ECMAV6 de JavaScript. Les fonctions Arrow utilisent un mot-clé spécial (plus comme un symbole clé) qui est créé par deux caractères spéciaux, "=>", qui ressemble à une flèche, d'où la fonction de flèche de nom. Mais puisqu'il utilise un "=" caractère au lieu de "-" Pour créer une forme de flèche, il est devenu populaire avec le nom de la fonction de flèche. La façon de créer une fonction comprend la séquence de parties suivante:

• L'identifiant de la fonction
• L'opérateur d'affectation "="
• Paramètres (entre parenthèses)
• Flèche grasse "=>"
• Corps de la fonction par crochets bouclés

Pour créer la fonction getum (tout comme dans les méthodes précédentes), utilisez les lignes de code suivantes:

getSUM = (num1, num2) =>
return num1 + num2;
;

Appeler la fonction créée avec une flèche de graisse est exactement la même que les fonctions créées avec d'autres méthodes:

console.Log (getSUM (150, 270));

Cela donnera le résultat suivant sur le terminal:

La valeur de 150 + 270 a été imprimée sur le terminal comme «420»

Conclure

Dans la version ES6 de JavaScript, l'utilisateur peut créer une fonction trois façons différentes. Ces méthodes de création sont des déclarations de fonction, des expressions de fonction et des fonctions de flèche de graisse. Les déclarations de fonction et les expressions de fonction peuvent également fonctionner dans d'autres versions de JavaScript. Cependant, les fonctions de flèche gras ou les fonctions flèches sont spécifiques aux versions ES6 de JavaScript. Cet article a affiché ces trois méthodes avec des exemples.