Fonction JavaScript

❮ Précédent Instructions JavaScript Suivant ❯

Exemple

Déclarez une fonction qui affiche "Hello World" lorsqu'elle est appelée :

// Declare a function
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}

// Call the function
myFunction();

Plus d'exemples ci-dessous.

Définition et utilisation

L' functioninstruction déclare une fonction.

Une fonction déclarée est "sauvegardée pour une utilisation ultérieure", et sera exécutée plus tard, lorsqu'elle sera invoquée (appelée).

En JavaScript, les fonctions sont des objets, et elles ont à la fois des propriétés et des méthodes.

Une fonction peut également être définie à l'aide d'une expression (voir Définitions de fonctions ).

Lisez notre didacticiel JavaScript pour apprendre tout ce que vous devez savoir sur les fonctions. Commencez par le chapitre d'introduction sur les fonctions JavaScript et la portée JavaScript . Pour des informations plus détaillées, consultez notre section Fonction sur les définitions de fonctions , les paramètres , l' invocation et les fermetures .

Voir également:

L'instruction de retour .

Syntaxe

function functionName(parameters) {
code to be executed
}

Paramètres

Parameter	Description
functionName	Required. The name of the function. Naming rules: same as JavaScript variables.
parameters	Optional. A set of arguments (parameter names), separated by commas. The arguments are real values received by the function from the outside. Inside the function, the arguments are used as local variables. If a function is called with a missing argument, the value of the missing argument is set to `undefined`.

Plus d'exemples

Renvoie la valeur de PI :

function myFunction() {
return Math.PI;
}

Renvoie le produit de a et b :

function myFunction(a, b) {
return a * b;
}

Une fonction avec des arguments différents peut produire des résultats différents.

Convertir Fahrenheit en Celsius :

function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}

Les fonctions peuvent être utilisées comme variables.

À la place de:

temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";

Vous pouvez utiliser:

text = "The temperature is " + toCelsius(32) + " Centigrade";

Les fonctions JavaScript ont un objet intégré appelé arguments.

La propriété arguments.length renvoie le nombre d'arguments reçus par la fonction :

function myFunction(a, b) {
return arguments.length;
}

Cliquez pour appeler une fonction qui affiche "Hello World":

<button onclick="myFunction()">Click me</button>

<p id="demo"></p>

<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>

Lorsqu'une expression de fonction est stockée dans une variable, la variable contient une fonction :

const x = function (a, b) {return a * b};

Lorsqu'une fonction est stockée dans une variable, la variable peut être utilisée comme fonction :

const x = function (a, b) {return a * b};
let z = x(4, 3);