Cours ⇒ Javascript et AJAX facebook twitter youtube

Les fonctions | Les fonctions


Il y a les fonctions ou variables natives (déjà existantes), mais on peut aussi en créerde nouvelles, selon la structure suivante :

<script>
function myFunction(arguments) { 
// Le terme "function" est obligatoire pour déclarer une fonction
// Le code que la fonction va devoir exécuter
}
</script>

 

Exemple :

<script>
function souci() {
var result = parseInt(prompt('Donnez le nombre à multiplier par 2 :'));
alert(result * 2); }
souci() // On appelle la fonction créée
alert('Vous en êtes à la moitié !'); // Puis un message intermédiaire
souci() // Et appelle de nouveau la fonction
</script>

6.1. Les variables locales et globales

 

Attention : toute variable déclarée dans une fonction n'est utilisable que dans cette même fonction.

Ces variables spécifiques à une seule fonction ont un nom : les variables locales. Déclarées en dehors des fonction, on parle de variables globales.

<script>
var message = 'Ici la variable globale !';
function showMsg() {
var message = 'Ici la variable locale !';
alert(message); }
showMsg(); // On affiche la variable locale
alert(message); // Puis la variable globale
</script>

Mais on évite de créer des variables locales et  globales qui portent le même nom.

En règle générale, on préfère utiliser des variables locales (pour éviter les confusions).

 

 Les arguments

Pas obligatoire, l'argument peut être ainsi utilisé :

<script>
function myFunction(arg) { // Notre argument est la variable « arg »
alert('Votre argument : ' + arg); }
myFunction('En voilà un beau test !');
</script>

Ou :

<script>
function myFunction(arg) {
alert('Votre argument : ' + arg); }
myFunction(prompt('Que souhaitez-vous passer en argument à la fonction ?'));
</script>

Ou encore avec des arguments multiples :

<script>
function moar(first, second) {
// On peut maintenant utiliser les variables « first » et « second » comme on le souhaite :
alert('Votre premier argument : ' + first);
alert('Votre deuxième argument : ' + second);
}
moar(
prompt('Entrez votre premier argument :'),
prompt('Entrez votre deuxième argument :')
); </script>

 

Les valeurs de retour

Une fonction peut retourner une seule valeur, stockée dans ue variable :

<script>
function sayHello() {
return 'Bonjour !'; 
// L'instruction « return » suivie d'une valeur, cette 
//dernière est donc renvoyée par la fonction (il ne peut pas y en avoir d'autres)
}
alert(sayHello());
</script>

 

 Les fonctions anonymes (bases)

Elles supposent la structure suivante, sans nom :

<script>
function (arguments) {
// Le code de votre fonction anonyme
} </script>

Une fonction anonyme peut être utilisée, entre autres, par le biais d'une variable :

<script>
var sayHello = function() {
alert('Bonjour !');
};
sayHello(); </script>

 

 

 

 

 





>
Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces