La syntaxe de base en Javascript

Les bases de Javascript : récapitulatif

Découvrez ou revenez sur les concepts fondamentaux de la syntaxe JavaScript et comment les backticks ont introduit une nouvelle syntaxe pour les templates de chaînes.

Les commentaires

Les commentaires sont utilisés pour ajouter des notes et des explications dans le code. Il existe deux types de commentaires en JavaScript :

// Commentaire sur une seule ligne

/*
Commentaire
sur
plusieurs
lignes
*/

Les variables

Les variables sont utilisées pour stocker des données. Avant ES6 (ECMAScript 6), les variables étaient déclarées avec var, mais désormais, il est recommandé d'utiliser let et const.

// Déclaration de variables
let x = 10; // Variable pouvant être réaffectée
const PI = 3.1416; // Variable constante (ne peut être réaffecter)

Types de données

JavaScript est un langage dynamiquement typé, ce qui signifie que les variables peuvent contenir différents types de données.

Les types de données de base sont :

Nombre (Number) : let num = 5
Chaîne de caractères (String) : let message = "Bonjour"
Booléen (Boolean) : let isTrue = true
Tableau (Array) : let arr = [1, 2, 3]
Objet (Object) : let obj = { name: "John", age: 30 }
Null : let val = null
Undefined : let variable // ou let variable = undefined

Les opérateurs

JavaScript utilise des opérateurs pour effectuer des opérations sur les variables et les valeurs.

let a = 5;
let b = 2;

let sum = a + b; // Addition
let difference = a - b; // Soustraction
let product = a * b; // Multiplication
let quotient = a / b; // Division
let remainder = a % b; // Modulo

let isGreater = a > b; // Opérateur de comparaison (résultat : true)

Structures de contrôle

Les structures de contrôle permettent de contrôler le flux d'exécution du code.

Les conditions

let age = 20;

if (age >= 18) {
  console.log("Vous êtes majeur."); // Code exécuté si la condition (age >= 18) est vraie
} else {
  console.log("Vous êtes mineur."); // Code exécuté si la condition (age >= 18) est fausse
}

Les boucles

for (let i = 0; i < 5; i++) {
// Code exécuté tant que la condition (i < 5) est vraie
}

while (condition) {
// Code exécuté tant que la condition est vraie
}

do {
// Code exécuté au moins une fois, puis tant que la condition est vraie
} while (condition);

Les fonctions

Les fonctions sont des blocs de code réutilisables qui peuvent être appelés avec des arguments.

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

let result = add(3, 4); // result contient maintenant 7

Template de chaînes (avec backticks)

Les backticks (ou template literal) sont une nouvelle syntaxe introduite avec ES6 pour créer des chaînes de caractères de manière plus lisible et puissante.

let name = "John";
let age = 30;

let message = `Bonjour, je m'appelle ${name} et j'ai ${age} ans.`;
console.log(message); // Affiche : Bonjour, je m'appelle John et j'ai 30 ans.

Les backticks permettent d'insérer des expressions JavaScript dans une chaîne en utilisant la syntaxe ${expression}. Cela facilite la concaténation de variables et d'expressions au sein des chaînes de caractères sans avoir besoin de recourir à des opérateurs de concaténation (+).

Auparavant, nous aurions écrit :

let name = "John";
let age = 30;
let message = "Bonjour, je m'appelle " + name + " et j'ai " + age + " ans.";
console.log(message); // Affiche : Bonjour, je m'appelle John et j'ai 30 ans.