Ce que les fonctions JavaScript sont faites - les mannequins

Les fonctions en JavaScript ont un vocabulaire particulier et doivent être écrites et utilisées. Pour vraiment comprendre les fonctions, vous devez être capable de parler leur langue. Alors, regardez quelques mots et démonter une fonction pour voir ce qu'il y a dedans!

Définition d'une fonction

Lorsque vous écrivez une fonction, cela s'appelle et la définit . Définir une fonction permet d'exécuter le code à l'intérieur de cette fonction.

Il existe plusieurs façons de définir une fonction. La manière la plus courante consiste à utiliser le mot-clé function, suivi du nom de la fonction, suivi de parenthèses puis d'accolades, comme ceci:

function myFunction () {// les instructions vont ici}

Une autre façon de définir une fonction est en utilisant la nouvelle technique de fonction. Cela ressemble à ceci:

var myFunction = new Fonction () {// les instructions vont ici}

Les deux méthodes font le travail, mais la première technique est la technique la plus courante.

Donner une fonction à la tête

La première partie d'une définition de fonction est appelée la tête de fonction . La tête de la fonction inclut le mot clé function, le nom de la fonction et les parenthèses:

function myFunction ()

Remplir le corps de la fonction

Le corps de la fonction >. Le corps de la fonction est constitué d'instructions entourées d'accolades. Par exemple:

{// c'est le corps de la fonction}

Appeler une fonction

Lorsque vous exécutez le code dans un corps de fonction, cela s'appelle

appelle la fonction. Pour appeler une fonction, il suffit d'écrire le nom de la fonction, suivi de parenthèses. Par exemple: myFunction ();

Définition des paramètres

Les paramètres

sont des valeurs qui peuvent être incluses entre parenthèses lorsqu'une fonction est appelée. Pour définir un paramètre, donnez simplement un nom au paramètre et placez-le entre les parenthèses dans la définition de la fonction. Par exemple: function myFunction (theText) {}

Vous pouvez définir plusieurs paramètres en les séparant par des virgules.

Passing arguments

Lorsque vous appelez une fonction en utilisant une valeur entre parenthèses, elle s'appelle

en passant un argument . Par exemple: myFunction ("Ceci est du texte");

Dans ce cas, l'argument est la chaîne "Ceci est du texte".

Lorsque vous définissez une fonction, les valeurs entre parenthèses sont appelées

paramètres . Lorsque vous passez des valeurs dans une fonction, elles sont appelées arguments . Lorsque vous passez un argument dans une fonction, la fonction crée automatiquement une nouvelle variable avec le nom du paramètre et lui donne la valeur de l'argument que vous avez passé.

Renvoyer une valeur

Lorsque vous appelez une fonction et que vous passez (facultativement) un argument, la fonction commence à faire son truc. Lorsque la fonction termine sa tâche, elle s'arrête et produit une sorte de valeur. La valeur qu'une fonction produit à la fin de son exécution est appelée sa

valeur de retour . Vous pouvez définir la valeur de retour en utilisant l'instruction de retour

. Par exemple, la fonction suivante renvoie toujours le nombre 3000: function whatsTheNumber () {return 3000;}

Pour connaître ou utiliser la valeur de retour d'une fonction, vous pouvez appeler la fonction en tant que partie d'une opération. Par exemple, pour faire des maths avec le résultat d'une fonction, vous incluez simplement la fonction comme un opérande normal, comme ceci:

var theTotal = whatsTheNumber () + 80;

Lorsque vous exécutez cette instruction, une valeur égale à la valeur de retour de whatsTheNumber () plus 80 (ou 3080) sera affectée à Total.

Si vous ne spécifiez pas de valeur de retour pour une fonction, la fonction renverra undefined.