Allez, c'est parti ! Ce chapitre va vous présenter les notions fondamentales de la programmation avec JavaScript.
Un premier programme
C'est le moment de faire vos premiers pas avec JavaScript ! Voici votre tout premier programme.
console.log("Bonjour en JavaScript !");
Pour le tester, il vous suffit d'utiliser l'environnement interactif ci-dessous.
Afficher un texte à l'écran (le fameux Hello World bien connu des programmeurs) est souvent la première chose que l'on apprend à faire lorsqu'on découvre un nouveau langage. Vous venez de franchir cette première étape !
Valeurs et types
Une valeur est un morceau d'information utilisé dans un programme informatique. Les valeurs existent sous différentes formes, appelées des types. Le type d'une valeur détermine son rôle et les opérations qui lui sont applicables.
Chaque langage informatique dispose d'une panoplie de types qui lui est propre. Nous allons étudier deux des principaux types disponibles en JavaScript.
Le type nombre
Une valeur de type nombre (number) représente une valeur numérique, autrement dit une quantité. Comme en mathématiques, on distingue les valeurs entières (ou entiers) 0, 1, 2, 3... et les valeurs réelles (ou réels) auxquelles on ajoute des chiffres après la virgule pour plus de précision.
Les nombres servent essentiellement à compter. Nous pouvons appliquer à des valeurs de type nombre les mêmes opérations qu'en mathématiques. Ces opérations produisent un résultat lui aussi de type nombre. Les principales opérations applicables sont rassemblées dans le tableau suivant.
Opérateur | Rôle |
+ | Addition |
- | Soustraction |
* | Multiplication |
/ | Division |
Le type chaîne
Une valeur de type chaîne de caractères (en abrégé chaîne, ou encore string en anglais) représente un texte. Ces valeurs sont délimitées par une paire de guillemets doubles :"Ceci est une chaîne"
.
Pour inclure dans une chaîne certains caractères spéciaux, on utilise le caractère\
(qui se prononce "antislash" ou "backslash" en anglais) qui donne un sens particulier au caractère suivant. Par exemple,\n
permet d'ajouter un retour à la ligne dans une chaîne.
On ne peut pas additionner ou soustraire des valeurs de type chaîne comme on peut le faire avec des nombres. En revanche, l'opérateur+
peut être appliqué à deux valeurs de type chaîne. Son résultat est la jointure de ces deux chaînes, appelée concaténation. Par exemple,"Bon"+"jour"
produit le résultat "Bonjour"
.
Structure d'un programme
Nous avons précédemment défini un programme informatique comme étant une liste d'ordres indiquant à un ordinateur ce qu'il doit faire. Ces ordres sont écrits sous forme de texte dans un ou plusieurs fichiers et forment ce qu'on appelle le code source du programme. Les lignes de texte dans un fichier de code source s'appellent des lignes de code.
Instructions
Chaque ordre inclus dans un programme est appelée une instruction. Une instruction est délimitée par un point virgule. Un programme est constitué d'une suite d'instructions.
Déroulement de l'exécution
Lorsqu'un programme est exécuté, les instructions qui le composent sont "lues" les unes après les autres. Chaque instruction produit un résultat, et c'est la combinaison de ces résultats individuels qui produit le résultat final du programme.
Commentaires
Par défaut, chaque ligne de texte dans les fichiers source d'un programme est considérée comme une instruction à exécuter. Il est possible d'exclure certaines lignes de l'exécution en les préfixant par une double barre oblique//
. Ce faisant, on transforme ces lignes en commentaires.
Les commentaires servent à donner des informations sur le programme et sont destinés au programmeur, non à la machine.
/* Un commentaire
sur plusieurs
lignes */
// Un commentaire sur une seule ligne
À vous de jouer !
Passons maintenant à quelques exercices pratiques pour vérifier que vous avez tout compris !
Présentation
Mini-calculatrice
Valeurs affichées
TL;DR : Résumons !
L'instruction JavaScript
console.log()
permet d'afficher une information.Une valeur est un morceau d'information. Le type d'une valeur détermine son rôle et les opérations qui lui sont applicables.
Le langage JavaScript dispose du type nombre (number) pour représenter une valeur numérique entière ou réelle, et du type chaîne de caractères (string) pour représenter un texte.
Une valeur de type texte est délimitée par une paire de guillemets simples '
...
' ou doubles "...
".Les opérateurs
+
,-
,*
et/
permettent de réaliser des opérations arithmétiques entre deux nombres. Appliqué à deux chaînes, l'opérateur+
les fusionne en une seule. Cette opération est appelée concaténation.Un programme informatique se compose de plusieurs lignes de code qui s'exécutent successivement.
Les commentaires (
// ...
ou/* ... */
) sont des portions de code non exécutées. Ils permettent de documenter le fonctionnement d'un programme.