JavaScript Fonctions
Une fonction peut être exécutée par un événement, comme cliquer sur un bouton.
Des fonctions JavaScript
Une fonction est un bloc de code qui s'exécute uniquement lorsque vous lui dites d'exécuter.
Il peut être quand un événement se produit, comme quand un utilisateur clique sur un bouton, ou à partir d'un appel dans votre script, ou d'un appel dans une autre fonction.
Les fonctions peuvent être placés à la fois dans le <head> et dans la section body d'un document, assurez-vous juste que la fonction existe, lorsque l'appel est effectué.
Comment définir une fonction
Syntaxe
function functionname()
{
some code
}
{
some code
}
Le {} et le définit le début et la fin de la fonction.
Remarque: Ne pas oublier l'importance des capitaux en JavaScript! Le mot fonction doit être écrit en lettres minuscules, sinon une erreur JavaScript se produit! Notez également que vous devez appeler une fonction avec les capitales exactement les mêmes que dans le nom de la fonction.
Exemple de fonction JavaScript
Exemple
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function myFunction()
{
alert("Hello World!");
}
</script>
</head>
<body>
<button onclick="myFunction()">Try it</button>
</body>
</html>
<html>
<head>
<script type="text/javascript">
function myFunction()
{
alert("Hello World!");
}
</script>
</head>
<body>
<button onclick="myFunction()">Try it</button>
</body>
</html>
Essayez vous-même »
La fonction est exécutée lorsque l'utilisateur clique sur le bouton.
Vous en apprendrez plus sur les événements JavaScript dans Événements JS le chapitre.
Appel d'une fonction avec des arguments
Lorsque vous appelez une fonction, vous pouvez passer le long de certaines valeurs à elle, ces valeurs sont appelées arguments ou paramètres .
Ces arguments peuvent être utilisés à l'intérieur de la fonction.
Vous pouvez envoyer autant d'arguments que vous le souhaitez, séparés par des virgules (,)
myFunction(argument1,argument2)
Déclarer l'argument, en tant que variables, lorsque vous déclarez la fonction:
function myFunction(var1,var2)
{
some code
}
{
some code
}
Les variables et les arguments doivent être dans l'ordre attendu. La première variable est donnée la valeur du premier argument passé etc
Exemple
<button onclick="myFunction('Harry Potter','Wizard')">Try it</button>
<script type="text/javascript">
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>
<script type="text/javascript">
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>
Essayez vous-même »
La fonction ci-dessus va alerter "Bienvenue Harry Potter, l'Assistant" lorsque le bouton est cliqué.
La fonction est flexible, vous pouvez appeler la fonction en utilisant des arguments différents, et différents messages de bienvenue sera donnée:
Exemple
<button onclick="myFunction('Harry Potter','Wizard')">Try it</button>
<button onclick="myFunction('Bob','Builder')">Try it</button>
<button onclick="myFunction('Bob','Builder')">Try it</button>
Essayez vous-même »
L'exemple ci-dessus va alerter "Bienvenue Harry Potter, le magicien» ou «Bienvenue Bob, le bricoleur" en fonction du bouton sur lequel on clique.
Fonctions avec valeur de retour
Parfois, vous voulez que votre fonction pour retourner une valeur de retour à l'endroit où l'appel a été lancé.
Ceci est possible en utilisant le retour déclaration.
Lorsque vous utilisez le retour déclaration, la fonction arrêter l'exécution, et de retourner la valeur spécifiée.
Syntaxe
function myFunction()
{
var x=5;
return x;
}
{
var x=5;
return x;
}
La fonction ci-dessus renvoie la valeur 5.
Remarque: Il n'est pas le JavaScript ensemble qui permet d'arrêter l'exécution, seule la fonction.JavaScript se poursuivra l'exécution du code, où la fonction de garde a été faite à partir.
La fonction de garde sera remplacé par le returnValue:
var myVar=myFunction();
Le myVar variable contient la valeur 5, qui est ce que la fonction "maFonction ()" retourne.
Vous pouvez également utiliser le returnValue sans le stocker comme une variable:
document.getElementById("demo").innerHTML=myFunction();
Le innerHTML de la "démo" élément sera de 5, ce qui est la fonction "maFonction ()" retourne.
Vous pouvez faire un returnValue fondée sur des arguments passés dans la fonction:
Exemple
Calculer le produit de deux nombres, et renvoie le résultat:function myFunction(a,b)
{
return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
Le innerHTML de la "démo" élément sera:{
return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
12
Essayez vous-même »
L'instruction return est également utilisé lorsque vous voulez simplement pour quitter une fonction.Le retour de valeur est facultative:
function myFunction(a,b)
{
if (a>b)
{
return;
}
x=a+b
}
{
if (a>b)
{
return;
}
x=a+b
}
La fonction ci-dessus pour quitter la fonction, si a> b, et ne seront pas calculer la somme de a et b.
La durée de vie des variables JavaScript
Si vous déclarez une variable, en utilisant «var», dans une fonction, la variable ne peut être consulté dans cette fonction. Lorsque vous quittez la fonction, la variable est détruite. Ces variables sont appelées variables locales. Vous pouvez avoir des variables locales avec le même nom dans différentes fonctions, parce que chacun est reconnue uniquement par la fonction dans laquelle elle est déclarée.
Si vous déclarez une variable en dehors d'une fonction, toutes les fonctions de votre page peut y accéder. La durée de vie de ces variables commence au moment où elles sont déclarées, et se termine lorsque la page est fermée.
0 commentaires:
Post a Comment
HELLO VISITORS THANKS FOR YOUR VISIT AND COMMENT