|
Les Bases de la programmation - Partie 1
|
|
par sky
, le Dimanche 01 août 2004 |
|
2.5 Les opérateurs numériques.
Commencons par des opérations simples sur des variables contenant des numériques. Les opérateurs '+', '-', '*' et '/' sont extrêmement facile à utiliser.
|
// je commence par attribuer des valeurs a mes variables
var nombre1 = 3;
var nombre2 = 4;
var nombre3 = 5
// je fais l'addition
resultat_addition = nombre1 + nombre2;
alert ( resultat_addition );
// je fais la multiplication, si je n'ai pas besoin de stocker le resultat, je l'affiche directement
alert( nombre1 * nombre2 );
// je fait la soustraction et la stocke dans la même variable.
nombre3 = nombre3 - 2;
alert ( nombre3 );
|
|
Le Javascript permet des raccourcis pour certaines opérations. On peut ajouter et soustraire 1 à une variable très facilement.
|
// initialisation des variables
var n1 = 1
var n2 = 1
// j execute les 2 commandes suivantes pour arriver au meme resultat : n1 et n2 sont egaux a 2 ( 1 + 1 )
n1 = n1 + 1;
n2++;
alert ( n1 );
alert ( n2 );
// j execute les 2 commandes suivantes pour arriver au meme resultat : n1 et n2 sont egaux a 1 ( 2 - 1 )
n1 = n1 - 1;
n2-- ;
alert ( n1 );
alert ( n2 );
|
|
On peut exécuter une opération pour mettre à jour une variable presque aussi simplement :
|
// initialisation des variables
var n1 = 1
var n2 = 1
// j execute les 2 commandes suivantes pour arriver au meme resultat : n1 et n2 sont egaux a 5 ( 1 + 4 )
n1 = n1 + 4;
n2 += 4;
alert ( n1 );
alert ( n2 );
|
|
On peut utiliser les soustractions, multiplications et divisions dans la même manière. Je vous laisse tester par vous même. Pour les chaînes de caractères ainsi que pour les tableaux de valeur, le comportement de ces opérandes est différent. Seule l'opérande "+" peut être utilisée, les 3 autres ne sont réservées qu'aux valeurs numériques. Dans le cas d'une chaîne, l'opérande "+" concatène les deux valeurs.
|
// je definie mes variables de test
chaine1 = 'toto va a ';
chaine2 = 'la plage';
// j affiche la concatenation des 2 chaines
alert ( chaine1+chaine2 );
// je tente la soustraction des 2 chaines
alert ( chaine1-chaine2 );
|
|
On voit que le résultat du second test est NaN. NaN signifie "Not a number". Javascript nous renvoie bien le fait que l'opérande "-" est réservée aux valeurs numériques. Maintenant, regardons le cas des listes. Le résultats sera le même que lorsque l'on fait la somme de deux valeurs d'un type différent. Dans tous ces cas, la valeur renvoyée est la concatenation des valeurs transformées en chaînes de caractères.
|
// nous definissons nos variables
liste1 = ['texte1', 12];
liste2 = ['texte2', 16];
chaine1 = 'ma chaine';
numerique = 12;
//lancons les tests
alert ( 'somme de chaines : ' + (liste1 + liste2 ));
alert ( 'somme mixte : ' + ( chaine + numerique ) );
alert ( 'somme mixte : ' + ( liste1 + chaine + numerique ) );
|
|
2.6 Les fonctions - Premières utilisations.
Les fonctions permettent de regrouper une série de commandes. Ces commandes ne sont exécutées que lorsque la fonction est appelée. Comme pour les variables, le nom donné à la fonction permet d'être plus clair dans notre programme et ne doit contenir que des lettres, chiffres et certains caratères spéciaux spécifiques.
On définie une fonction en écrivant le terme "fonction" puis le nom de la fonction suivit de parenthèses contenant les paramêtres, on insère ensuite la série de commandes entre accolades.
Nous utilisons notre fonction de la même manière que nous avons utilisé les fonctions intégrées à Javascript ( alert par exemple ).
Créons notre première fonction, elle ne fera que qu'appeler la fonction d'alerte de Javascript et nous l'appelerons "lance_une_alerte".
|
// comme d habitude, j'initialise ma variable
var n1 = 1;
// je construis ma fonction
function lance_une_alerte ( ) {// lance l'alerte
alert ( n1 );
}
// j appelle ma fonction
lance_une_alerte ();
|
|
Les fonctions n'étant pas interprétées tant qu'on ne les appelle pas, on peut placer celle ci n'importe ou dans le code. Nous pouvons commencer à mettre une structure dans notre programme, par exemple mettre les fonctions en fin ou debut de programme.
|
// les fonctions placees en debut de fichier
function lance_une_alerte ( ) { // lance l'alerte
alert ( n1 );
}
// j initialise ma variable
var n1 = 1;
// j appelle ma fonction que le programme va tout seul aller chercher en haut du fichier
lance_une_alerte ();
|
|
Maintenant voyons plutôt quelle est la réelle utilité d'une fonction. Lorsque nous avons plusieurs variables, il est dommage d'avoir une fonction par variable, alors qu'une seule fonction suffit. C'est d'ailleur le but principal des fonction : regrouper un ensemble de commandes qui font une action bien particulière et que l'on va réutiliser plusieurs fois dans notre programme. Pour cela il suffit d'ajouter un paramètre à notre fonction. Un paramètre est une variable locale à la fonction, c'est à dire qu'elle est créée en entrant dans la fonction et supprimée à sa sortie.
|
// ma fonction
function lance_une_alerte ( param1 ) { // lance l alerte
alert ( param1 );
}
// j initialise mes variables
var n1 = 1;
var n2 = 2;
// j'appelle ma fonction
lance_une_alerte ( n1 );
// je rappelle ma fonction avec l autre variable
lance_une_alerte ( n2 );
|
La valeur de n1 est copiée dans la variable locale param1 de la fonction. La valeur de n1 n'a alors plus aucun rapport avec la valeur de param1.
Pour nous le prouver, testons les deux valeurs après un passage dans une fonction qui modifie la valeur du paramètre.
|
// ma fonction
function modifie_et_affiche ( param1 ) { // je modifie param1 en lui ajoutant 1
param1++;
// j affiche de param1
alert ( 'dans la fonction la valeur est : ' + param1 );
}
// j initialise ma variable
var n1 = 1;
// j appelle ma fonction
modifie_et_affiche ( n1 );
// j affiche la valeur de n1
alert ( 'hors de la fonction la valeur est : ' + n1 );
|
|
Une fonction peut avoir plusieurs paramètres en entrée. Pensez à garder un nombre de paramètre raisonnable pour la "viabilité" de votre programme. Une fonction peut servir pour exécuter un calcul, on peut renvoyer le résultat vers l'endroit ou la fonction a été executée.
|
/ fait l addition des deux nombres
function additionne ( param1, param2 ) { // j ajoute param2 a param1
param1 += param2;
// je revoie la valeur
return param1;
}
// creer une alerte avec la valeur donnee
function display_value ( valeur_a_afficher ) { // lance l alerte
alert ( valeur_a_afficher );
}
// j initialise mes variables
var n1 = 2;
var n2 = 4;
var n3;
// j appelle mes fonctions
n3 = additionne ( n1, n2 );
display_value ( n3 );
// on peut aussi se passer de la variable n3
// et en imbriquant les fonctions.
display_value( execute_un_calcul( n1, n2 ));
|
|
|
