Fonctions JavaScript

Les fonctions JavaScript sont conçues pour exécuter des blocs de code pour des tâches spécifiques.

Les fonctions JavaScript sont exécutées lorsque le code les appelle.

exemple

function myFunction(p1, p2) {
    return p1 * p2;              // La fonction retourne le produit de p1 et p2
}

Essayez-le vous-même

La syntaxe des fonctions JavaScript

Les fonctions JavaScript sont définies par function Défini par des mots-clés, suivi deNom de la fonctionet des parenthèses ()。

Le nom de la fonction peut contenir des lettres, des chiffres, des underscores et des symboles dollars (les mêmes règles que pour les noms de variables).

Les parenthèses圆圆括号 peuvent inclure des paramètres séparés par des virgules :

(Paramètre 1, Paramètre 2, ...)

Le code exécuté par la fonction est placé entre les accolades :{}

function name(Paramètre 1, Paramètre 2, Paramètre 3) {
    Code à exécuter
}

Arguments de la fonction (Function parameters)Sont les noms listés dans la définition de la fonction.

Arguments de la fonction (Function arguments)C'est la valeur réelle reçue par la fonction lors de l'appel de la fonction :Valeur。

Dans une fonction, les paramètres sont des variables locales.

Dans d'autres langages de programmation, une fonction est approximativement une procédure (Procedure) ou une sous-programme (Subroutine).

Appel de la fonction

Le code dans la fonction est exécuté lorsque la fonction est appelée par d'autres codes :

  • Lorsqu'un événement se produit (quand l'utilisateur clique sur le bouton)
  • Lorsque le code JavaScript est appelé
  • Automatique (auto-appel)

Vous apprendrez plus sur les appels de fonctions dans ce tutoriel.

La fonction retourne

Lorsque JavaScript atteint return instruction, la fonction arrête son exécution.

Si une fonction est appelée par une instruction, JavaScript "retourne" l'exécution du code après l'instruction d'appel.

Les fonctions calculent généralementvaleur de retour。Cette valeur de retour est retournée au appelant :

exemple

Calculer le produit de deux nombres et retourner le résultat :

var x = myFunction(7, 8);        // Appel de la fonction, la valeur de retour est assignée à x
function myFunction(a, b) {
    return a * b;                // La fonction retourne le produit de a et b
}

Le résultat de x sera :

56

Essayez-le vous-même

Pourquoi utiliser des fonctions ?

Vous pouvez réutiliser le code : il suffit de définir le code une fois pour pouvoir l'utiliser plusieurs fois.

Vous pouvez passer différents paramètres à la même fonction pour obtenir des résultats différents.

exemple

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

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);

Essayez-le vous-même

l'opérateur () appelle la fonction

Utilisons l'exemple ci-dessus,toCelsius Il s'agit de l'objet de fonction, tandis que toCelsius() Il s'agit de la fonction de retour.

exemple

Accéder à une fonction sans () renverra la définition de la fonction :

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;

Essayez-le vous-même

Fonctions utilisées comme valeurs de variables

Les fonctions peuvent être utilisées de la même manière que les variables, dans toutes les formules, les affectations et les calculs de type.

exemple

Utilisez des variables pour stocker des valeurs de fonctions :

var x = toCelsius(77);
var text = "The temperature is " + x + " Celsius";

Vous pouvez utiliser une fonction comme une valeur de variable directement :

var text = "The temperature is " + toCelsius(77) + " Celsius";

Essayez-le vous-même

Vous apprendrez plus sur les fonctions dans ce tutoriel.

variables locales

Les variables déclarées dans une fonction JavaScript deviennent lesvariables locales。

Les variables locales ne peuvent être accédées qu'à l'intérieur de la fonction.

exemple

// Le code ici ne peut pas utiliser carName
function myFunction() {
    var carName = "Volvo";
    // Le code ici peut utiliser carName
}
// Le code ici ne peut pas utiliser carName

Essayez-le vous-même

Les variables locales ne pouvant être reconnues que par leur fonction, elles peuvent utiliser le même nom de variable dans différentes fonctions.

Les variables locales sont créées au début de la fonction et supprimées à la fin de la fonction.

Livres de complément

Pour plus d'informations sur Fonctions JavaScriptPour plus de connaissances sur

Aperçu des fonctions ECMAScript
Cette section explique le concept de fonction, comment ECMAScript déclare et appelle une fonction, et comment une fonction retourne une valeur.
Objet arguments ECMAScript
Cette section présente l'utilisation de base de cet objet, puis explique comment utiliser la propriété length pour déterminer le nombre de paramètres d'une fonction, et comment simuler le surcharge de fonction.
Objet Function ECMAScript (classe)
Cette section explique comment créer une fonction à l'aide de la classe Function, puis présente les propriétés et les méthodes de l'objet Function.
Fermeture (closure) ECMAScript
Cette section explique le concept de fermeture (closure) et montre deux exemples, simple et un peu plus complexe.