JavaScript Définir et appeler des fonctions avec un exemple
James Hartmann
Qu'est-ce que la fonction dans JavaScénario?
Les fonctions sont très importantes et utiles dans n'importe quel langage de programmation car elles rendent le code réutilisable. Une fonction est un bloc de code qui ne sera exécuté que s'il est appelé. Si vous avez quelques lignes de code qui doivent être utilisées plusieurs fois, vous pouvez créer une fonction comprenant les lignes de code répétitives, puis appeler la fonction où vous le souhaitez.
Comment créer une fonction dans Javascénario
- Utilisez le mot-clé fonction suivi du nom de la fonction.
- Après le nom de la fonction, ouvrez et fermez les parenthèses.
- Après la parenthèse, ouvrez et fermez les accolades.
- Entre accolades, écrivez vos lignes de code.
syntaxe:
function functionname()
{
lines of code to be executed
}
Essayez ceci vous-même :
<html>
<head>
<title>Functions!!!</title>
<script type="text/javascript">
function myFunction()
{
document.write("This is a simple function.<br />");
}
myFunction();
</script>
</head>
<body>
</body>
</html>
Fonction avec des arguments
Vous pouvez également créer des fonctions avec des arguments. Les arguments doivent être spécifiés entre parenthèses
syntaxe:
function functionname(arg1, arg2)
{
lines of code to be executed
}
Essayez ceci vous-même :
<html>
<head>
<script type="text/javascript">
var count = 0;
function countVowels(name)
{
for (var i=0;i<name.length;i++)
{
if(name[i] == "a" || name[i] == "e" || name[i] == "i" || name[i] == "o" || name[i] == "u")
count = count + 1;
}
document.write("Hello " + name + "!!! Your name has " + count + " vowels.");
}
var myName = prompt("Please enter your name");
countVowels(myName);
</script>
</head>
<body>
</body>
</html>
JavaValeur de retour du script
Vous pouvez également créer des fonctions JS qui renvoient des valeurs. Dans la fonction, vous devez utiliser le mot-clé retourner suivi de la valeur à renvoyer.
syntaxe:
function functionname(arg1, arg2)
{
lines of code to be executed
return val1;
}
Essayez ceci vous-même :
<html>
<head>
<script type="text/javascript">
function returnSum(first, second)
{
var sum = first + second;
return sum;
}
var firstNo = 78;
var secondNo = 22;
document.write(firstNo + " + " + secondNo + " = " + returnSum(firstNo,secondNo));
</script>
</head>
<body>
</body>
</html>
