Aller au contenu principal

Javascript

Les fondamentaux selon le socle commun

  • Variables : Declaration / affectation / portée
  • Types de données : String / Number / Boolean / Array / Object / Null / Undefined / Symbol / bigInt
  • Operateur : Arithmetique / Assignment / Comparaison / Logique / Bitwise
  • Conditionelle : If / Else / Switch
  • Boucle : For / While / Do While / For In / For Of
  • Fonction : Declaration / Expression / Arrow / Callback

Variables

Variables déclaration

let name;

Variables affectation

name = "ATC";

combo

let name = "ATC";

Portée de variables

La portée d'une variable est la zone de code dans laquelle elle est accessible.

En JavaScript, les variables peuvent être déclarées de 4 façons différentes, chacune ayant une portée différente:

var

Moyen pré ES6, Les variables déclarées avec var sont globales. Cela signifie qu'ils sont accessibles partout dans votre code. Les variables var peuvent être redéclarées ou mises à jour à tout moment. (déconseillé)

let et const

Ces déclarations ont une portée de bloc, ce qui signifie qu'elles sont limitées aux blocs { } dans lesquels elles sont définies.

Si vous déclarez une variable avec let ou const à l'intérieur d'une boucle for, par exemple, elle ne sera pas accessible en dehors de cette boucle.

/!\ const (pour constante) ne peut pas être réaffecté, let si.


Types de Données

L'un des aspects les plus fondamentaux de la programmation est la compréhension des types de données. En JavaScript, chaque valeur appartient à un type de données spécifique.

String

  • Description: Séquences de caractères utilisées pour représenter du texte.
let phrase = "phrase totalement random";

Number

  • Description: Représente à la fois des nombres entiers et des nombres à virgule flottante.
let age = 25;
let prix = 19.99;

Boolean

  • Description: Représente une valeur vraie (true) ou fausse (false).
let estMajeur = true;

Array

  • Description: Structures utilisées pour stocker plusieurs valeurs dans une seule variable.
let fruits = ["pomme", "banane", "cerise"];

Object

  • Description: Collections de propriétés, représentées par une clé et une valeur.
let voiture = {
marque: "Toyota",
modèle: "Corolla",
année: 2020,
};

Null

  • Description: Représente l'absence intentionnelle de valeur.
let data = null;

Undefined

  • Description: Une variable non initialisée a la valeur undefined.
let test;
console.log(test); // Affiche "undefined"

Symbol

  • Description: Un type de données unique et immuable.
const sym1 = Symbol("description");

bigInt

  • Description: Permet de représenter des nombres entiers plus grands que 2^53 - 1.
const bigNumber = 1234567890123456789012345678901234567890n;

Opérateurs

Les opérateurs effectuent des actions sur des variables et des valeurs. Ils sont les outils essentiels pour manipuler les données.

Arithmétique:

  • Exemple: +, -, *, /, %

Affectation:

  • Exemple: =, +=, -=, *=, /=

Comparaison:

  • Exemple: ==, ===, !=, !==, >, <, >=, <=

Logique:

  • Exemple: &&, ||, !

Bitwise:

  • Exemple: &, |, ^, ~, <<, >>, >>>

Structures Conditionnelles

Les structures conditionnelles permettent d'exécuter des blocs de code en fonction de certaines conditions.

If

   if (condition) {
// code à exécuter si la condition est vraie
}

Else

   if (condition) {
// code si la condition est vraie
} else {
// code si la condition est fausse
}

Switch

   switch (expression) {
case x:
// code à exécuter si expression === x
break;
case y:
// code à exécuter si expression === y
break;
default:
// code à exécuter si expression ne correspond à aucune case
}

Boucles

Les boucles sont utilisées pour exécuter répétitivement un bloc de code.

For

   for (initialisation; condition; mise à jour) {
// code à répéter
}

While

   while (condition) {
// code à répéter tant que la condition est vraie
}

Do While

   do {
// code à répéter
} while (condition);

For In

  for (let cle in objet) {
// code pour chaque propriété de l'objet
}

For Of

   for (let element of iterable) {
// code pour chaque élément de l'itérable (e.g., array)
}

Fonctions

Les fonctions sont des blocs de code conçus pour effectuer une tâche spécifique.

Déclaration

   function nomDeLaFonction(parametres) {
// corps de la fonction
}

Expression

   const maFonction = function (parametres) {
// corps de la fonction
};

Arrow

   const maFonction = (parametres) => {
// corps de la fonction
};

Callback

  • Description: Une fonction passée en argument à une autre fonction pour être exécutée après que cette dernière ait terminé.

       function saluer(callback) {
    console.log("Bonjour");
    callback();
    }

    saluer(function () {
    console.log("Au revoir");
    });