Syntaxe du JavaScript [Introduction à JavaScript]

Syntaxe du JavaScript

Objectifs

Apprendre les bases de la syntaxe du JavaScript.

Mise en situation

La syntaxe d'un langage est l'ensemble des règles d'écritures à respecter pour rédiger un code source valide. La manière de définir des variables ou des fonctions, le format d'écriture d'une opération, ou encore le respect ou non de la casse sont des exemples de règles de syntaxe dans un langage.

JavaScript est un langage dit de haut niveau, c'est à dire que sa syntaxe est plus proche du langage naturel que du langage machine. C'est entre autres ce qui le rend simple à prendre en main.

Définition : Instruction

Une instruction est une ligne de code qui effectue une action : un affichage, un calcul, etc.

Les instructions sont exécutées séquentiellement, c'est-à-dire dans l'ordre et une par une.

Définition : Variables et constantes

Une instruction peut utiliser des variables, des objets auxquels on peut attribuer une valeur (un nom, une date, un nombre, etc.) et que l'on déclare avec le mot clé let. Sa valeur peut changer au cours du programme.

Une constante ressemble à une variable sauf qu'elle doit forcément contenir une valeur dès sa création et que celle-ci ne peut plus être changée par la suite. On la déclare avec le mot clé const.

Syntaxe : Déclaration de variables en JavaScript

// Déclaration et affectation d'une variable nommée month
let month = 'Avril'
// Changement de la valeur de la variable month
month = 'Mai' 
// Déclaration et affectation d'une variable constante nommée NB_MONTH
const NB_MONTH = 12

// Déclaration et affectation d'une variable nommée month
let month = 'Avril'
// Changement de la valeur de la variable month
month = 'Mai' 

// Déclaration et affectation d'une variable constante nommée NB_MONTH
const NB_MONTH = 12

Définition : Expression

Une expression est un morceau de code qui produit un résultat, par exemple une addition. Le résultat d'une expression peut être stockée dans une variable.

Exemple : Instruction avec expression

La ligne représente une instruction. La partie de droite, 5 + 6, est une expression.

let sum = 5 + 6 

let sum = 5 + 6

Définition : Fonctions

En JavaScript, certaines actions nécessitent de faire appel à des fonctions prédéfinies. Une fonction est un morceau de code ré-utilisable.

Les fonctions servent notamment à ne pas réécrire le code si on l'utilise plusieurs fois dans le programme : à la place, il suffit d'appeler la fonction en utilisant son nom, et les instructions qu'elle contient s'exécuteront.

Exemple : Fonction d'affichage

Pour afficher des choses dans la console, on utilise la fonction prédéfinie console.log().

Entre les parenthèses, il faut indiquer la ou les informations à afficher.

// Affiche Hello World dans la console
console.log('Hello World')
// Affiche 4 dans la console
console.log(4)

// Affiche Hello World dans la console
console.log('Hello World')
// Affiche 4 dans la console
console.log(4)

Fondamental : Règles de syntaxe

Pour que les instructions soient exécutées, elles doivent être écrites dans une syntaxe correcte. Le JavaScript impose :

De respecter la casse, c'est à dire les majuscules et minuscules. console.Log() n'équivaut pas à console.log().
Les espaces doivent être respectées : le nom d'une variable ne peut pas en contenir, en revanche elles sont nécessaires après des mots clés comme let.
Il faut aller à la ligne entre deux instructions.

Exemple :

const hello = 'Hello'
const world = 'World'
console.log(hello, world)

const hello = 'Hello'
const world = 'World'
console.log(hello, world)

Attention : Standard

Dans des versions antérieures, les instructions JavaScript devaient se terminer par un point-virgule. Avec l'évolution du langage, le point-virgule n'est plus utile. On peut tout de même encore voir les deux écritures.

À retenir

Le JavaScript permet d'utiliser des variables, des fonctions, des opérations et les instructions. Leur écriture doit respecter des règles de syntaxe prédéfinies.