Une fonction est pilotée par un événement ou un bloc de code réutilisable qui s'exécute lorsqu'elle est appelée.
Syntaxe de la fonction JavaScript
Une fonction est un bloc de code entouré d'accolades, précédé du mot-clé function :
function functionname()
{
Execute code
>
Lorsque cette fonction est appelée, le code contenu dans la fonction sera exécuté.
Les fonctions peuvent être appelées directement lorsqu'un événement se produit (par exemple lorsque l'utilisateur clique sur un bouton) et peuvent être appelées de n'importe où par JavaScript.
Remarque : JavaScript est sensible à la casse. Le mot-clé function doit être en minuscules et la fonction doit être appelée avec la même casse que le nom de la fonction.
Appeler une fonction avec des paramètres
Lorsque vous appelez une fonction, vous pouvez lui transmettre des valeurs, qui sont appelées paramètres.
Ces paramètres peuvent être utilisés dans les fonctions.
Vous pouvez envoyer autant de paramètres que vous le souhaitez, séparés par des virgules (,) :
maFonction(argument1,argument2)
Lorsque vous déclarez une fonction, veuillez déclarer les paramètres sous forme de variables :
function myFunction(var1,var2)
{
Code
}
La variable et les paramètres doivent apparaître dans le même ordre. La première variable est la valeur donnée du premier paramètre passé, et ainsi de suite.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>点击这个按钮，来调用带参数的函数。</p>
<button onclick="myFunction('哈利波特','Wizard')">点击这里</button>
<script>
function myFunction(name,job){
alert("Welcome " + name + ", the " + job);
}
</script>
</body>
</html>La fonction ci-dessus affichera "Bienvenue Harry, le sorcier" lorsque vous cliquerez sur le bouton.
Exécutez le programme et essayez-le
Fonctions avec valeurs de retour
Parfois, nous souhaitons qu'une fonction renvoie une valeur à l'endroit où elle a été appelée.
Ceci peut être réalisé en utilisant la déclaration return.
Lors de l'utilisation de l'instruction return, la fonction arrête l'exécution et renvoie la valeur spécifiée.
Syntaxe
function myFunction()
{
var x=5;
return x;
}
La fonction ci-dessus renverra la valeur 5.
Remarque : L'intégralité du JavaScript n'arrêtera pas l'exécution, juste la fonction. JavaScript continuera à exécuter le code à partir duquel la fonction a été appelée.
L'appel de fonction sera remplacé par la valeur de retour :
var myVar=myFunction();
La valeur de la variable myVar est 5, qui est la fonction" myFunction()" la valeur renvoyée.
Vous pouvez utiliser la valeur de retour même sans l'enregistrer en tant que variable :
document.getElementById("demo").innerHTML=myFunction();
Le innerHTML de l'élément "demo" sera 5, qui est la valeur renvoyée par la fonction "myFunction()".
Vous pouvez baser la valeur de retour sur les arguments passés dans la fonction :
Instances
Calculez le produit de deux nombres et renvoyez le résultat :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>本例调用的函数会执行一个计算，然后返回结果：</p>
<p id="demo"></p>
<script>
function myFunction(a,b){
return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
</script>
</body>
</html>Exécutez le programme et voyez le résultat
Vous pouvez également utiliser l'instruction return lorsque vous souhaitez simplement quitter la fonction . La valeur de retour est facultative :
function myFunction(a,b)
{
if (a>b)
{
return;
}
x=a+b
}
Si a est supérieur à b, le code ci-dessus quittera la fonction et ne calculera pas la somme de a et b.
Variables JavaScript locales
Les variables déclarées dans une fonction JavaScript (à l'aide de var) sont des variables locales, elles ne peuvent donc être utilisées que dans la fonction Accédez-y en interne. (La portée de cette variable est locale).
Vous pouvez utiliser des variables locales portant le même nom dans différentes fonctions car seule la fonction dans laquelle la variable est déclarée reconnaîtra la variable.
Les variables locales seront supprimées dès que la fonction sera terminée.
Variables JavaScript globales
Déclarées en dehors de la fonction La variable est une variable globale et est accessible par tous les scripts et fonctions de la page Web.
La durée de vie des variables JavaScript
La durée de vie des La durée de vie des variables JavaScript commence lorsqu'elles sont déclarées.
Les variables locales seront supprimées après l'exécution de la fonction.
Les variables globales seront supprimées après la fermeture de la page.
Attribuer une valeur à une variable JavaScript non déclarée
Si vous attribuez une valeur à une variable qui n'a pas encore été déclarée, la variable est automatiquement déclarée comme variable globale.
Cette instruction :
carname="Volvo";
déclarera une variable globale carname même si elle est exécutée dans une fonction.
section suivante