Fonctions JavaScript - expliquées avec des exemples pour les débutants
Quelles sont les fonctions:
Les fonctions sont des sous-programmes dans un programme qui se compose de blocs de code utilisés pour effectuer certaines tâches. Généralement, les fonctions prennent une valeur en tant que paramètre, le traitent, puis renvoient une sortie.
Les fonctions nous aident à réutiliser des blocs de code et à éviter la répétitivité. Ils peuvent être utilisés pour diviser des problèmes complexes en morceaux plus petits. Ils augmentent la lisibilité du code et réduisent sa taille car les instructions en double sont remplacées par une seule ligne de code, i.e., appel à la fonction.
Types de fonctions:
Il existe deux types de fonctions différents:
- Fonctions intégrées / fonctions de bibliothèque standard
- Fonctions personnalisées / définies par l'utilisateur
Fonctions intégrées
La plupart des langages de programmation ont des fonctions intégrées qui nous aident à effectuer certaines actions en utilisant une seule ligne de code. Ces actions nécessiteraient autrement un codage complexe. Les fonctions intégrées les plus courantes en JavaScript sont:
- trier()
- toString ()
- parseInt ()
- Isnan ()
- encodéuri ()
Fonction définie par l'utilisateur:
Comme son nom l'indique, ce sont des fonctions personnalisées créées par l'utilisateur. Les utilisateurs / programmeurs peuvent créer des fonctions personnalisées pour une tâche spécifique dont ils ont besoin pour effectuer.
Note: Nous utiliserons la console du navigateur pour démontrer des exemples effectués dans ce post. Pour ouvrir la console du navigateur:
- Utilisez le F12 Clé dans Chrome et autres navigateurs à base de chrome.
- Utiliser Ctrl + shift + k Clés de raccourci clavier pour Mozilla.
- Utiliser Option + ⌘ + C Clés de raccourci clavier dans Safari (si le menu du développeur n'apparaît pas, alors ouvrez les préférences en appuyant sur ⌘ +, et en Avancé chèque d'onglet "Afficher le menu de développement dans la barre de menus").
Comment déclarer une fonction dans JavaScript:
Tout d'abord, nous devons déclarer la fonction avant de pouvoir commencer à l'utiliser. En javascript, le fonction Le mot-clé est utilisé pour déclarer une fonction. Il est suivi du nom de la fonction ainsi que des paramètres entre parenthèses. Les paramètres sont facultatifs et sont séparés par des virgules.
Nous devons alors définir le corps de la fonction. Nous pouvons mettre n'importe quel code dans une fonction; Une fonction peut avoir une seule ou plusieurs lignes de code en fonction de l'objectif de cette fonction particulière.
functionFunction_name (paramètre1, paramètre2,…, paramètre)Déclarations;
Dans cet exemple, nous déclarerons et définirons une fonction qui car place la valeur du numéro donné:
FunctionSquare (numéro)Soit Sq = numéro * numéro;
retour sq;
Dans l'exemple donné ci-dessus, la fonction carré prend un nombre en tant que paramètre. Ensuite, il multiplie le nombre avec lui-même et le stocke dans une variable nommée sq. La fonction renvoie alors la valeur présente à l'intérieur de la variable sq.
Le sq la variable est une variable locale de fonction carré et ne fonctionnera pas en dehors de cette fonction. Les variables déclarées et définies dans une fonction sont les variables locales de cette fonction. D'un autre côté, les variables déclarées dans le programme principal sont des variables globales et sont accessibles de n'importe où dans le programme.
Nous allons maintenant utiliser un autre exemple qui prendra deux paramètres différents et les multiplions:
FunctionMultiply (Number1, Number2)letans = numéro1 * numéro2;
Retournans;
La fonction donnée ci-dessus prend deux nombres différents en tant que paramètres. Il les multiplie ensuite les uns avec les autres et stocke la valeur de la variable Républiques. Ensuite, il renvoie la valeur de la variable Républiques à l'endroit où ça s'appelait.
Comment appeler une fonction:
Déclarer et définir une fonction Spécifie ce que fera la fonction lorsqu'elle sera appelée.
Les fonctions peuvent être appelées par leurs noms ainsi que des paramètres (séparés par des virgules) dans des parenthèses. Voici l'exemple de la syntaxe qui peut être utilisée pour appeler une fonction dans JavaScript.
function_name (paramètre);Dans l'exemple ci-dessous, nous appellerons la fonction mentionnée ci-dessus carré, Et nous passerons le numéro 5 comme paramètre:
carré (5);La fonction squaquera le numéro 5 et retour 25. Nous pouvons le vérifier en appelant la fonction à l'intérieur du console.enregistrer() méthode:
console.journal (carré (5));Si une fonction renvoie une valeur, elle renvoie cette valeur à l'endroit où il a été appelé. Comme le montre l'exemple ci-dessus, lorsque nous avons appelé la fonction à l'intérieur du console.enregistrer() Méthode, la sortie était 25, qui est la valeur de retour de la fonction.
Nous pouvons utiliser n'importe quelle variable ou numéro à la place du paramètre. Une fonction peut également être appelée de toute autre fonction. Nous pouvons utiliser des fonctions comme conditions si et boucle déclarations aussi.
Conclusion
Les fonctions sont des blocs de code individuels qui sont écrits afin d'effectuer des actions spécifiques. Ce sont les éléments constitutifs les plus fondamentaux de presque tous les principaux langages de programmation.
Comme mentionné ci-dessus, tous les principaux langages de programmation ont des fonctions intégrées. Ces fonctions aident les développeurs à effectuer des tâches complexes en utilisant une seule ligne de code. Les développeurs ont également la possibilité d'écrire leurs propres fonctions en fonction des exigences de leur code.
Dans cet article, nous avons discuté des fonctions et comment les déclarer. De plus, nous avons également appris à appeler les fonctions déclarées.