Cheatography
https://cheatography.com
Cheat Sheet about everything about JS
This is a draft cheat sheet. It is a work in progress and is not finished yet.
Différence entre var et let
Caractéristique |
|
|
Portée |
Globale si déclarée en dehors d'une fonction. Fonctionnelle si déclarée dans une fonction. |
Bloc (restreinte à l'accolade {} où elle est déclarée). |
Hoisting |
Hoistée en haut du contexte mais initialisée à undefined. |
Hoistée mais non initialisée (ReferenceError si utilisée avant déclaration). |
Déclaration multiple |
Possible dans le même scope. |
Impossible (Erreur si redéclarée dans le même scope). |
Réassigination |
posible |
possible |
|
Commentaires
// Commentaire sur une ligne
/ Commentaire sur plusieurs lignes /
|
Déclaration des variables
portée globale de variable |
|
portée locale de variable |
|
constante |
|
Types de données
Chaîne de caractères |
|
Nombre |
|
Booléen |
|
Tableau |
|
Objet |
let obj = {nom: "Ali", age: 25};
|
Opérateurs
Opérateurs arithmétiques |
|
Opérateurs de comparaison |
==
, ===
, !=
, !==
, >
, <
, >=
, <=
|
Opérateurs logiques |
|
Différence entre == et ===
* ==
est l'égalité abstraire , elle fait comparer les valeurs des 2 objets
Si les 2 objets sont de types différents , elle tente de faire une conversion automatique -> on peut avoir des résultats inattendus à cause de cette conversion automatique
* ===
est l'égalité stricte , elle fait comparer la valeur et le type des 2 objets -> plus prévisible |
Structure de contrôle conditionel
if (x > 10) {
console.log("x est grand");
} else if (x === 10) {
console.log("x est 10");
} else {
console.log("x est petit");
}
|
Structure de contrôle switch
switch (jour) {
case "lundi":
console.log("Début de semaine");
break;
case "vendredi":
console.log("Fin de semaine");
break;
default:
console.log("Jour normal");
}
|
Boucles
for (let i = 0; i < 5; i++) { console.log(i); }
while (x < 10) { x++; }
do { x++; } while (x < 10);
|
Méthodes de déclaration de fonctions
Méthode classique |
function addition(a,b){return a+b;}
|
Fonctions fléchées (arrow-functions) |
const addition = (a, b) => a + b;
|
Fonction anonyme auto-exécutée |
(fonction(){console.log("Exécutée immédiatement!");})();
|
DOM - Sélection des élements
Sélectionner par ID |
document.getElementById("id");
retourne un unique élement |
Sélection par classe |
document.querySelector(".classe");
retourne un tableau des élements de cette classe dans document
|
Sélection par balise |
document.getElementsByTagName("tag_name")
retourne un tableau des élements dans document
de ce tag |
Utilisation du querrySelector |
|
