Instructions function JavaScript

Définition et utilisation

La déclaration function déclare une fonction.

Les fonctions déclarées sont "sauvegardées pour usage futur" et seront exécutées lors de l'appel ultérieur.

En JavaScript, les fonctions sont des objets qui possèdent à la fois des propriétés et des méthodes.

Vous pouvez également définir une fonction avec une expression (voir définition de la fonction).

Lisez notre tutoriel JavaScript pour en apprendre d'avantage sur les fonctions. Commencez par les sections sur les fonctions JavaScript et le domaine d'action JavaScript. Pour plus de détails, lisez nos tutoriels sur la définition des fonctions, les paramètres, les appels et les closures.

Astuce :Utilisez l'instruction return pour renvoyer une valeur de la fonction.

Exemple

Déclarez une fonction et affichez "Hello World" dans l'élément avec id="demo" lors de l'appel de cette fonction :

function myFunction() { // Déclaration de la fonction
  document.getElementById("demo").innerHTML = "Hello World!";
}
myFunction(); // Appel de la fonction

Essayez-le vous-même

Vous trouverez plus d'exemples TIY en bas de la page.

Syntaxe

function functionName(parameters) {
  code à exécuter
}

Valeur du paramètre

Paramètres Description
functionName Obligatoire. Définit le nom de la fonction, peut être "sauvegardé pour usage futur". Le nom de la fonction peut contenir des lettres, des chiffres, des traits de soulignement et des symboles dollars (les mêmes règles que pour les variables).
parameters

Optionnel. Spécifiez un ensemble de noms de paramètres, zéro ou plusieurs, séparés par des virgules.

Les paramètres de la fonction sont les noms listés dans la définition de la fonction.

Les paramètres de la fonction sont les valeurs réelles reçues par la fonction lors de l'appel. À l'intérieur de la fonction, les paramètres sont utilisés comme variables locales.

Remarque :Si l'appel de la fonction manque de paramètres, la valeur manquante du paramètre sera définie sur undefined.

Détails techniques

Version JavaScript : ECMAScript 1

Plus d'exemples

Exemple

Retourne la valeur de PI :

function myFunction() {
  return Math.PI;
}

Essayez-le vous-même

Exemple

Retourne le produit de a et b :

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

Essayez-le vous-même

Exemple

En utilisant une fonction, vous pouvez réutiliser le même code avec différents paramètres pour obtenir des résultats différents.

Convertir les degrés Fahrenheit en degrés Celsius :

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

Essayez-le vous-même

Exemple

Les fonctions peuvent être utilisées comme des variables.

au lieu de :

temp = toCelsius(32);
text = "La température est " + temp + " Centigrade";
Vous pouvez utiliser :
text = "La température est " + toCelsius(32) + " Centigrade";

Essayez-le vous-même

Exemple

La fonction JavaScript a un objet intégré appelé arguments.

L'attribut arguments.length retourne le nombre de paramètres reçus lors de l'appel de la fonction :

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

Essayez-le vous-même

Exemple

Cliquez sur le bouton pour appeler la fonction, qui affichera "Hello World" dans l'élément id="demo" :

<button onclick="myFunction()">Cliquez ici</button>
<p id="demo"></p>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>

Essayez-le vous-même

Exemple

Les fonctions JavaScript peuvent également être définies à l'aide d'expressions.

Les expressions de fonction peuvent être stockées dans une variable :

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

Essayez-le vous-même

Exemple

Après avoir stocké l'expression de la fonction dans une variable, cette variable peut être utilisée comme une fonction :

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

Essayez-le vous-même

Support du navigateur

Instructions Chrome IE Firefox Safari Opera
function Support Support Support Support Support

Pages associées

Tutoriel JavaScript :Fonction JavaScript

Tutoriel JavaScript :Portée JavaScript

Tutoriel JavaScript :Définition de la fonction JavaScript

Tutoriel JavaScript :Paramètres de la fonction JavaScript

Tutoriel JavaScript :Appel de la fonction JavaScript

Tutoriel JavaScript :Fermeture de fonction JavaScript

Manuel de référence JavaScript :Instruction return JavaScript