La syntaxe de base de JavaScript

Pour cet article, nous allons explorer les fondements de la syntaxe de base du langage JavaScript.

Mais déjà, faisons un rappel sur ce qu'est la syntaxe !

Qu'est-ce que la syntaxe ?

La syntaxe d'un langage de programmation vient définir les règles et les conventions à suivre lors de l'écriture du code. Elle permet de structurer le code de manière cohérente et facilement compréhensible pour les développeurs et les machines.

La syntaxe de JavaScript est inspirée de plusieurs langages, notamment Java, C et Python.
Elle est conçue pour être simple et intuitive, ce qui en fait un excellent choix pour les débutants.

Structure du code JavaScript

La structure de base d'un programme JavaScript est assez simple.
Un programme JavaScript est généralement constitué de plusieurs éléments, notamment :

• Instructions : Les lignes de code qui effectuent des actions.
• Commentaires : Utilisés pour ajouter des notes explicatives dans le code.
• Variables : Utilisées pour stocker des données.
• Fonctions : Utilisées pour encapsuler des blocs de code réutilisables.

Instructions

Les instructions sont les lignes de code qui effectuent des actions.
Il peut s'agir d'opérations mathématiques, de manipulations de chaînes de caractères, d'appels de fonctions, etc.

Bien que ça ne soit pas obligatoire en JavaScript, une instruction se termine généralement par un point-virgule (;).

console.log("Hello, World!");

const nom = "John Doe";

if (age >= 18) {
  console.log("Vous êtes majeur.");
} else {
  console.log("Vous êtes mineur.");
}

Parmis les instructions, on trouve :

• Déclaration de variable : Utilisée pour déclarer une variable.
• Affectation : Utilisée pour assigner une valeur à une variable.
• Appel de fonction/méthode : Utilisée pour appeler une fonction ou une méthode.
• Opérations mathématiques : Utilisées pour effectuer des calculs.
• Manipulation de chaînes de caractères : Utilisée pour manipuler des chaînes de caractères.
• Conditions : Utilisées pour exécuter du code en fonction de certaines conditions.
• Boucles : Utilisées pour exécuter du code plusieurs fois.
• Retour de valeur : Utilisée pour retourner une valeur d'une fonction.

Mais on se garde tout ça pour plus tard 😉.

Commentaires

Les commentaires sont des sections de code qui ne sont pas exécutées. Elles sont utilisées pour ajouter des notes ou des explications sur le code.

Il existe trois types de commentaires en JavaScript :

• Commentaire sur une seule ligne : Utilise // pour commenter une seule ligne.
• Commentaire sur plusieurs lignes : Utilise /* ... */ pour commenter plusieurs lignes.
• Commentaire de documentation : Utilise /** ... */ pour documenter des fonctions ou des classes.

// Ceci est un commentaire sur une ligne

/*
Ceci est un commentaire
sur plusieurs lignes
*/

/**
* Ceci est un commentaire de documentation
* @param {number} a - Le premier paramètre
* @param {number} b - Le deuxième paramètre
* @returns {number} La somme de a et b
*/

Variables

Les variables sont utilisées pour stocker des valeurs qui peuvent être modifiées au cours de l'exécution du programme.
En JavaScript, les variables doivent être déclarées avant d'être utilisées.

Il existe trois façons de déclarer une variable :

• var : Utilisé pour déclarer une variable globale ou locale.
• let : Utilisé pour déclarer une variable locale avec une portée de bloc.
• const : Utilisé pour déclarer une variable constante dont la valeur ne peut pas être modifiée.

On reparlera de cette histoire de portée dans un prochain article, mais pour l'instant, voici un exemple de déclaration de variable :

let nom = "John Doe";
const age = 30;
var ville = "Paris";

Dans cet exemple, nous avons déclaré trois variables : nom, age et ville.

Variable avec var

La déclaration de variable avec var est la plus ancienne, mais elle est moins recommandée aujourd'hui en raison de son comportement particulier.

La valeur d'une variable déclarée avec var peut être modifiée à tout moment.

Variable avec let

La déclaration de variable avec let est plus moderne et est recommandée pour la plupart des cas.
Elle permet de déclarer une variable avec une portée de bloc (block scope).

La valeur d'une variable déclarée avec let peut être modifiée.

Variable avec const

La déclaration de variable avec const est similaire à let, mais elle est utilisée pour déclarer une variable constante.
Elle profite du même concept de portée de bloc.

La valeur d'une variable déclarée avec const ne peut pas être modifiée après sa déclaration.

Fonctions

Les fonctions sont des blocs de code réutilisables qui effectuent une tâche spécifique.
Elles peuvent prendre des paramètres en entrée et retourner une valeur en sortie.

En JavaScript, une fonction peut être déclarée de plusieurs manières :

• Fonction déclarée : Utilise le mot-clé function suivi du nom de la fonction.
• Fonction anonyme : N'a pas de nom et est généralement utilisée comme argument pour une autre fonction.
• Fonction fléchée : Une syntaxe plus concise pour déclarer des fonctions.

function addition(a, b) {
  return a + b;
}

const addition = function(a, b) {
  return a + b;
};

const addition = (a, b) => {
  return a + b;
};

const addition = (a, b) => a + b;

Fonction déclarée

La déclaration de fonction est la méthode la plus simple à utiliser.
Elle est déclarée avec le mot-clé function suivi du nom de la fonction et des parenthèses.

Fonction anonyme

Dans certains cas, il peut être utile de déclarer une fonction sans lui donner de nom.
C'est ce qu'on appelle une fonction anonyme.

Elle est souvent utilisée comme argument pour une autre fonction ou pour créer des fonctions de rappel (callback functions).

Fonction fléchée

La fonction fléchée est une syntaxe plus concise et moderne pour déclarer des fonctions.
Elle a un comportement particulier dans le contexte de retour de valeur, avec une syntaxe raccourcie pour les fonctions à une seule ligne.

Bonnes pratiques

Conventions de nommage

Il est important de suivre certaines conventions pour rendre le code plus lisible et maintenable. Voici quelques-unes des conventions les plus courantes :

• Utiliser des noms de variables et de fonctions significatifs.
• Indenter le code pour améliorer la lisibilité.
• Utiliser des commentaires pour expliquer le code complexe.
• Placer un ; (point virgule) à la fin de chaque instruction.

Outils de développement

Pour faciliter le développement, il existe plusieurs outils et environnements de développement intégrés (IDE) qui peuvent aider à écrire du code JavaScript.

En gratuit, on peut citer :

• Visual Studio Code : Un éditeur de code puissant et extensible.
• Atom : Un éditeur de code open-source développé par GitHub.
• Sublime Text : Un éditeur de code léger et rapide.

Conclusion

Tu l'auras remarqué, même si la syntaxe de JavaScript est relativement simple, il y a beaucoup de choses à apprendre !

Ne va pas trop vite dans ton apprentissage et n'hésite pas à revenir sur les bases si tu as des doutes.
Il est important de bien comprendre la syntaxe de base avant de passer à des concepts plus avancés.