Fonctions JavaScript
Une fonction JavaScript est un bloc d'instructions JavaScript qui seront exécutées lorsque nous le demandons. Quand nous écrivons une fonction, aucun code de cette fonction n'est exécuté tant que nous ne le demandons pas.
L'avantage d'écrire une fonction, c'est que nous écrivons une seule fois les instructions qu'elle contient, et que nous pouvons en demander l'exécution à de multiples reprises sans devoir écrire à nouveau ces instructions.
Paramètres de fonction
Un autre avantage des fonctions, c'est que nous pouvons définir une série de comportements, sans savoir à l'avance sur quelles données ce traitement sera effectué.
Nous allons donc utiliser des paramètres, qui sont des variables dont la valeur sera définie au moment où nous demanderons à la fonction d'exécuter les instructions qu'elle contient.
Nous pouvons avoir un ou plusieurs paramètres pour une fonction, ou ne pas en avoir du tout.
Comment écrire une fonction JavaScript ?
Syntaxe d'une fonction JavaScript
Voici en BNF [“Backus-Naur form”1] la syntaxe d'une fonction JavaScript :
function <nom_de_fonction> "(" [param]["," param]* ")" "{" [<instructions>] [return [<instruction>|<variable>|<valeur>] ";"] "}"
Et voici une autre manière de représenter la syntaxe d'une fonction JavaScript :
function nom_de_fonction (param_1, param_2, ..., param_N){ instructions; return valeur; }
Si nous avons plus d'un paramètre, nous les séparerons par des virgules. Chaque instruction se termine par un point-virgule.
Nous pouvons avoir des fonctions qui n'ont pas d'autres instructions que ce qui suit le mot clé return, ou des fonctions qui ne possèdent pas d'instruction return.
Exemple d'une fonction JavaScript
function additionne (nombre1, nombre2){ return nombre1+nombre2; }
Présentation du code
Nous pouvons présenter le code comme bon nous semble, mais pour une facilité de lecture nous veillerons à indenter nos blocs de codes.
Les différents blocs de codes sont entre accolades. Nous retrouvons certains partisants du langage C qui placent l'accolade ouvrante sur une nouvelle ligne, d'autres préfèreront placer l'accolade ouvrante sans passer de ligne (comme par exemple en Java). Les deux pratiques se vallent, pour autant que nous puissions relire notre code, et cela n'a pas d'impact sur l'exécution du code. Les deux exemples suivants sont identiques :
function accolades () { instructions; if (condition){instructions;}}
function accolades (){ instructions; if (condition){ instructions; } }
Exécuter une fonction
Nous demandons à une fonction de s'exécuter, nous « appelons » cette fonction en écrivant son nom, suivi par des parenthèses entre lesquelles nous pouvons retrouver certains arguments.
Nous pouvons écrire nos propres fonctions, mais JavaScript propose un ensemble de fonctions que nous pouvons appeler.
Où écrire nos fonctions ?
Comme pour tout autre code JavaScript, nous pouvons écrire nos fonctions dans un fichier externe (si il est utilisé dans plus d'une page), dans l'en-tête du document (pour nous assurer que les fonctionsseront chargées avant que leur exécution ne soit demandée), ou dans le corps du document.
Exemples de fonctions
Codes HTML, JavaScript, HTML (22 lignes) :
function montremsg (msg){ alert ("Le résultat est: " + msg); }
Document créé le 19/03/2002, dernière modification le 31/10/2018
Source du document imprimé : https://www.gaudry.be/javascript-function.html
L'infobrol est un site personnel dont le contenu n'engage que moi. Le texte est mis à disposition sous licence CreativeCommons(BY-NC-SA). Plus d'info sur les conditions d'utilisation et sur l'auteur.