1er Programme, Instructions et variables

JavaScript ..le bras droit d'HTML

<<Page précédente

Table des Matières

Page suivante>>

INTERNET Construction de Pages Web

Instructions et Variables

Instructions , Expressions Ce sont les opérations élémentaires du Langage.
Voici quelques exemples , en vrac :

document.write(‘ Essai n°1’);

Result = x + y – 24;

var PosX , PosY ;

alert(‘Erreur ..!’);

Même si ces quelques expressions vous troublent, ne vous inquiétez pas , d’ici quelques pages vous les comprendrez sans problème. Elles ne sont là que pour illustrer ce que sont les Instructions et les Expressions JavaScript.
D’ailleurs , en 3 ème ligne vous découvrez la décalration de 2 Variables ( PosX et PosY) grâce au mot clé var .
Donc , découvrons les Variables. Les Variables :

Ce sont des ‘contenants’ qui permettent de manipuler facilement des valeurs numériques ou autres.
JavaScript ne nous oblige pas à déclarer les variables avant leur utilisation….Mais je vous conseille de le faire afin de vous imposer un peu plus de rigueur. Si vous abordez , plus tard, le langage JAVA , vous serez obligé de le faire.!
Les Variables sont définies par:

un nom ( identificateur ), un type , une valeur .

Comment déclarer une Variable?

Voici quelques Exemples....

var Toto ;

//Le type de variable n’est pas défini en la déclarant ..elle le sera en lui affectant une valeur.

var Toto = 38;

//donc Toto est une variable de type numérique..avec laquelle on pourra faire des calculs.

var Toto = ‘Fils’;

//donc Toto est une variable de type chaine de caractères.

var PrUnit = 123.8;

//donc Toto est une variable de type numérique..avec laquelle on pourra faire des calculs.

Ou

var AxeH,AxeV,Vites = 25;

Le nom d’une variable répond à des critères que vous découvrez avec la page suivante.

Le type d’une variable peut être défini de plusieurs manières.

La valeur d’une variable peut être définie lors de sa déclaration ou au cours du programme. Elle peut évoluer en cours d'’utilisation.

Règles et conseils concernant les Identificateurs de Variables ( leur nom )

Les noms de variables répondent à quelques contraintes :

Ils ne doivent pas commencer par un chiffre
Ils peuvent commencer par une Lettre,le signe $, le caractère de soulignement ( _ )
Essayez de ne pas utiliser : % * @ qui sont réservés à certains opérateurs du Langage..
Attention les majuscules et les minuscules sont bien différenciées..Donc :
La variable Toto n’est pas la même que TOTO ou ToTo ou toto
En général il est intéressant de choisir un nom de variable qui rappelle sa fonction dans le programme . Et si cette fonction fait intervenir plusieurs mots , essayez de choisir un nom utilisant une contraction de ces mots en prenant soin de faire précéder chacun d’eux par une Majuscule( et sans espace !)...Par exemple:

var IndTabCod = 0 ; ou var Ind_Tab_C = 0 ;

Ceci est un conseil permettant de rendre plus compréhensible, plus lisible un programme JavaScript.
Visibilité des Variables :

On appelle ‘visibilité’ des variables la possibilité d’utiliser des variables depuis diverses parties du programme.
En général une variable sera utilisable depuis telle ou telle partie du programme suivant la manière et le lieu où elle a été déclarée.

Une variable peut être dite globale si elle est déclarée dans la balise JavaScript et en dehors de toute fonction.
Alors elle peut être utilisée dans toute la page HTML et à l’intérieur des fonctions éventuelles.
On pourra même l’utiliser depuis d’autres pages HTML ..mais on verra ça plus tard !

Une Variable est dite locale si elle est déclarée avec le mot clé var précédant son nom et à l’intérieur d’une fonction.
Alors elle n’est connue qu’à l’intérieur de cette fonction.

Les Types de variables :

Booléen : 2 états Vrai ou Faux donc en JavaScript cela donne :

var flag1 = true ; //flag1 est initialisé à VRAI

var flag2 = false; //flag2 est initialisé à FAUX

Numérique : on pourra faire des calculs avec celle-ci :

var Tva = 18.6 ;

var quantite = 150 ;

Chaine de Caractères :

var Nom = "Durand" ;

var Age = ‘ 25 ‘ , age = 25 ; //Age n’est pas age..!

Remarquons :

Le mot clé var permet de déclarer plusieurs variables ( même de type différent ), en les séparant par une virgule.

JavaScript peut utiliser une variable numérique comme une variable de type chaine de caractères.
Par exemple , modifions notre 1er Programme JavaScript de la manière suivante :

<HTML>

<HEAD><TITLE> Mon 1er Programme en JavaScript</TITLE>

<SCRIPT language= "JavaScript"><!--

var age= "18", nom="Durand";

document.write("Bonjour " + nom + " vous avez " + age + " ans") ;

// -->

</SCRIPT>

</HEAD>

</HTML>

Le texte que nous pourrons lire sera : ____________________________________________
Les signes + permettent , dans ce cas de concatèner des éléments de chaines de caractères.
La variable age est une chaine de caractères.
En JavaScript il est possible d’utiliser les guillemets ou l’apostrophe pour délimiter les chaines de caractères.

Maintenant modifions notre petit programme de la façon suivante :

<HTML>

<HEAD><TITLE> Mon 1er Programme en JavaScript</TITLE>

<SCRIPT language= "JavaScript"><!--

var age= 18, nom="Durand";

document.write("Bonjour Mr." + nom + " vous avez " + age*2 + " ans")

// -->

</SCRIPT>

</HEAD>

</HTML>

Alors nous lirons :_____________________________________________
La variable age est une variable de type numérique.
Donc c’est la valeur que l’on affecte à la variable qui détermine le type de variable.

Extension de connaissance concernant les Commentaires en JavaScript

On a vu qu’en JavaScript on utilise le double slash pour débuter un commentaire.
Mais il est aussi possible ( comme en JAVA ou en C ), de créer des commentaires sur plusieurs lignes sans avoir à faire précéder chacune d’un double slash. Ces commentaires sont alors prioritaires..Par exemple :

/* Voilà le debut d’un commentaire prioritaire.
// même si certaines des lignes comportent des commentaires simples..
sur plusieurs Lignes…et se termine là */
Remarquons que ceci est très pratique pour ‘geler’ une partie de programme douteuse lors de la mise au point!

<<Page précédente

Table des Matières

Page suivante>>