Fonctions JavaScript
Une fonction JavaScript est un bloc de code conçu pour effectuer une tâche particulière.
Une fonction JavaScript est exécutée lorsque « quelque chose » l’invoque (l’appelle).
Exemple
// Fonction pour calculer le produit de p1 et p2
function maFonction(p1, p2) {
retourner p1 * p2 ;
}
Essayez-le vous-même »
Syntaxe de la fonction JavaScript
Une fonction JavaScript est définie avec le function mot-clé, suivi d’un nomsuivi de parenthèses ().
Les noms de fonction peuvent contenir des lettres, des chiffres, des traits de soulignement et des signes dollar (mêmes règles que les variables).
Les parenthèses peuvent inclure des noms de paramètres séparés par des virgules :
(paramètre1, paramètre2, …)
Le code à exécuter, par la fonction, est placé entre accolades : {}
fonction
nom(paramètre1, paramètre2, paramètre3) {
// code à exécuter
}
Fonction paramètres sont répertoriés entre parenthèses () dans la définition de la fonction.
Fonction arguments sont les valeurs
reçu par la fonction lorsqu’elle est invoquée.
A l’intérieur de la fonction, les arguments (les paramètres) se comportent comme des variables locales.
Appel de fonction
Le code à l’intérieur de la fonction s’exécutera lorsque « quelque chose » invoque (appelle) la fonction :
- Lorsqu’un événement se produit (lorsqu’un utilisateur clique sur un bouton)
- Lorsqu’il est invoqué (appelé) à partir du code JavaScript
- Automatiquement (auto-invoqué)
Vous en apprendrez beaucoup plus sur l’invocation de fonction plus tard dans ce didacticiel.
Retour de fonction
Lorsque JavaScript atteint un return instruction, la fonction cessera de s’exécuter.
Si la fonction a été appelée à partir d’une instruction, JavaScript « reviendra » pour exécuter le code après l’instruction d’appel.
Les fonctions calculent souvent un valeur de retour. La valeur de retour est « renvoyée » à « l’appelant »:
Exemple
Calculez le produit de deux nombres et retournez le résultat :
soit x = maFonction(4, 3); // La fonction est appelée, la valeur de retour se retrouvera dans x
function maFonction(a, b) {
retourner un * b ; // La fonction retourne le produit de a et b
}
Le résultat en x sera :
12
Essayez-le vous-même »
Pourquoi Fonctions ?
Vous pouvez réutiliser le code : définissez le code une fois et réutilisez-le plusieurs fois.
Vous pouvez utiliser le même code plusieurs fois avec des arguments différents, pour produire des résultats différents.
Exemple
Convertir Fahrenheit en Celsius :
fonction versCelsius(fahrenheit) {
retour (5/9) * (fahrenheit-32);
}
document.getElementById(« demo »).innerHTML = toCelsius(77);
Essayez-le vous-même »
L’opérateur () appelle la fonction
En utilisant l’exemple ci-dessus, toCelsius fait référence à l’objet fonction, et
toCelsius() fait référence au résultat de la fonction.
L’accès à une fonction sans () renverra l’objet de la fonction au lieu du résultat de la fonction.
Exemple
fonction versCelsius(fahrenheit) {
retour (5/9) * (fahrenheit-32);
}
document.getElementById(« demo »).innerHTML = toCelsius ;
Essayez-le vous-même »
Fonctions utilisées comme valeurs variables
Les fonctions peuvent être utilisées de la même manière que vous utilisez des variables, dans tous les types de formules, d’affectations et de calculs.
Exemple
Au lieu d’utiliser une variable pour stocker la valeur de retour d’une fonction :
soit x = toCelsius(77);
let text = « La température est » + x + » Celsius » ;
Vous pouvez utiliser la fonction directement, comme valeur de variable :
let text = « La température est » + toCelsius(77) + » Celsius » ;
Essayez-le vous-même »
Vous en apprendrez beaucoup plus sur les fonctions plus tard dans ce tutoriel.
Variables locales
Les variables déclarées dans une fonction JavaScript, deviennent
LOCAL à la fonction.
Les variables locales ne sont accessibles qu’à partir de la fonction.
Exemple
// le code ici ne peut PAS utiliser carName
function maFonction() {
let carName = « Volvo » ;
// code ici PEUT utiliser carName
}
// le code ici ne peut PAS utiliser carName
Essayez-le vous-même »
Étant donné que les variables locales ne sont reconnues qu’à l’intérieur de leurs fonctions, les variables portant le même nom peuvent être utilisées dans différentes fonctions.
Les variables locales sont créées lorsqu’une fonction démarre et supprimées lorsque la fonction est terminée.
#Fonctions #JavaScript