Fonctions JavaScript — Notions de base

Dec 10 2022
Qu'est-ce qu'une fonction ? Une fonction est un bloc de code conçu pour effectuer une tâche et exécuté lorsqu'il a été appelé ou invoqué. Conseils importants à connaître sur les fonctions ! La déclaration de fonction définit une fonction avec le paramètre spécifié.

Qu'est-ce qu'une fonction ?

Une fonction est un bloc de code conçu pour effectuer une tâche et exécuté lorsqu'il a été appelé ou invoqué.

Conseils importants à connaître sur les fonctions !

  • Les fonctions sont des objets
  • Une fonction renvoie toujours une valeur .
  • En Javascript, si la valeur de retour n'est pas spécifiée, elle retournera undefined .
  • Le code à l'intérieur d'une fonction est exécuté lorsque la fonction est invoquée ou "appelée" .
  • Une fonction peut avoir un ou plusieurs paramètres.

Déclaration de fonction

définit une fonction avec le paramètre spécifié.
Pour faire une fonction vous mettez d'abord le mot-clé de la fonction , puis vous mettrez le nom de la fonction, puis une liste de vos paramètres entre parenthèses (assurez-vous de mettre une virgule entre chaque paramètre entre parenthèses), et enfin le code de votre fonction entre accolades .

Les fonctions peuvent donc être difficiles, surtout si vous ne savez pas ce que vous faites. N'oubliez pas de toujours commencer par la syntaxe, cela vous facilitera la vie et le codage si vous avez la bonne syntaxe. Voici quelques exemples de démarrage :

Fonction nom_fonction() {

}
Ceci est le modèle de fonction de base ou

Fonction nom_fonction(paramètre1, paramètre2){

"Votre code ici"
}

Prenons maintenant mon exemple de DrinkingAge et décomposons-le. La fonction commence par "Fonction". Cela indique à l'ordinateur ce que sera une fonction si la bonne syntaxe est utilisée. Ensuite, nous avons "drinkingAge" qui est le nom de notre fonction (Gardez à l'esprit que le nom de votre fonction peut être ce que vous voulez, par exemple, nous aurions pu utiliser "legalDrinkingAge" au lieu de "drinkingAge" et obtenir le même retour de fonction). Après cela, nous avons les parenthèses qui seraient nos paramètres. Nous pouvons avoir plus d'un paramètre ou "arguments". N'oubliez pas que vous devez avoir une virgule entre chaque paramètre.

Ensuite, nous avons les accolades (rappelez-vous que nous devons avoir tout notre code entre accolades) même si nous mettons des accolades à l'intérieur de nos accolades. Les accolades sont utilisées pour commencer votre code et terminer votre code, alors assurez-vous d'avoir les deux accolades {}.

Le code écrit à l'intérieur des accolades sera votre fonction ou vos fonctions. Dans mon code ci-dessus, il prend l'âge et nous renvoie "Vous pouvez acheter une boisson" ou "Désolé, pas de boisson pour vous" selon l'âge. Ainsi, votre fonction ne reviendra que lorsqu'elle sera demandée. J'ai donc utilisé console.log pour voir les résultats de mon code. Si vous regardez le code ci-dessus, j'ai utilisé console.log(DrinkingAge(22)) et si le code est correct, il devrait renvoyer "Vous pouvez acheter une boisson" afin que la personne de 22 ans puisse acheter une boisson.

Maintenant que nous sommes familiarisés avec les déclarations de fonction, passons aux expressions de fonction.

Expressions de fonction

nous permet de créer une fonction anonyme qui n'a pas de nom de fonction.

let sayGoodMorning = function() {
  alert("Good Morning");
};

Peu importe comment la fonction serait créée, la fonction est une valeur.
Nous pouvons même imprimer cette valeur en utilisant alert :

let sayGoodMorning = function() {
  alert("Good Morning")
}
alert( sayGoodMorning );

Pourquoi y a-t-il un point-virgule à la fin ?

Certaines personnes peuvent se demander pourquoi les expressions de fonction ont un point-virgule (;) à la fin, mais pas les déclarations de fonction, par exemple :

Function sayGoodMorning() {
// code here
}

let sayGoodMorning() {
// Code Here
};

C'est la différence entre la déclaration de fonction et les expressions de fonction avec des exemples. Une fois que vous avez dépassé l'ennui, les fonctions rendront votre expérience de codage plus facile, mieux organisée, plus claire lorsque vous concluez votre code.

Merci d'avoir lu et bonne chance pour le codage !