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");
});