Une fonction JavaScript est un bloc de code conçu pour effectuer une tâche particulière.
Une fonction JavaScript est exécuté lorsque "quelque chose" l'invoque (l'appelle).
Exemple
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
Essayez - le vous - même » JavaScript Fonction Syntaxe
Une fonction JavaScript est défini avec la function mot - clé, suivi d'un nom, suivi par des parenthèses () .
Les noms de fonctions peuvent contenir des lettres, des chiffres, des caractères 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:
(Parameter1, parameter2, ...)
Le code à exécuter, par la fonction, est placé à l' intérieur des accolades: {}
function
name ( parameter1, parameter2, parameter3 ) {
code to be executed
}
Les paramètres de fonction sont les noms énumérés dans la définition de la fonction.
Les arguments de fonction sont les valeurs réelles reçues par la fonction lorsqu'elle est invoquée.
Dans la fonction, les arguments se comportent comme des variables locales.
Une fonction est bien le même que d'une procédure ou d'un sous-programme, dans d'autres langages de programmation.
Fonction Invocation
Le code dans la fonction exécutera lorsque invoque "quelque chose" (appels) la fonction:
- Lorsqu'un événement se produit (quand un utilisateur clique sur un bouton)
- Quand il est invoqué (appelé) à partir du code JavaScript
- Automatiquement (auto invoquée)
Vous apprendrez beaucoup plus sur l'invocation de fonction plus loin dans ce tutoriel.
Fonction Retour
Lorsque JavaScript atteint une instruction de retour, la fonction arrête l' exécution.
Si la fonction a été appelée à partir d'une déclaration, JavaScript "retour" pour exécuter le code après l'instruction appelant.
Fonctions calculent souvent une valeur de retour. La valeur de retour est "retourné" retour à l ' «appelant»:
Exemple
Calculer le produit de deux nombres, et retourner le résultat:
var x = myFunction(4, 3);
// Function is called, return value will end up in x
function myFunction(a, b) {
return a * b;
// Function returns the product of a and b
}
Le résultat en sera x:
12
Essayez - le vous - même » Pourquoi fonctions?
Vous pouvez réutiliser le code suivant: Définir le code une fois, et de l'utiliser plusieurs fois.
Vous pouvez utiliser le même code de fois avec des arguments différents, pour produire des résultats différents.
Exemple
Convertir Fahrenheit en degrés Celsius:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77); Essayez - le vous - même » Le () opérateur Invoque la fonction
En utilisant l'exemple ci - dessus, toCelsius fait référence à l'objet de la fonction, et toCelsius() fait référence au résultat de la fonction.
Exemple
Accéder à une fonction sans () retourne la définition de fonction:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius; Essayez - le vous - même » Fonctions utilisées comme variables
Dans JavaScript, vous pouvez utiliser les fonctions de la même manière que vous utilisez des variables.
Exemple
Vous pouvez utiliser:
var
text = "The temperature is " + toCelsius(77) + " Celsius";
À la place de:
var x = toCelsius(32);
var text = "The temperature is " + x + " Celsius";
Essayez - le vous - même » Vous apprendrez beaucoup plus sur les fonctions plus tard dans ce tutoriel.
Testez-vous avec des exercices!
Exercice 1 » Exercice 2» Exercice 3 » Exercice 4» Exercice 5 »