JavaScript Cheatsheet

Bases & syntaxe

Déclaration de variables

let x = 10;
const y = "Hello";
var z;

Utilisez let et const pour les déclarations modernes, évitez var.

Types de données

let a = true;      // Boolean
let b = null;      // Null
let c = undefined; // Undefined
let d = 3.14;      // Number
let e = "Text";    // String
let f = {};        // Object
let g = [];        // Array

Comprendre les différences entre ces types est crucial.

Structures de données

Tableaux

let fruits = ["apple", "banana", "cherry"];
fruits.push("date");
console.log(fruits[0]); // apple

Utilisez les méthodes pour ajouter, supprimer et modifier des éléments.

Objets

let person = {
  firstName: "John",
  lastName: "Doe",
  age: 30,
};
person.age = 31;
console.log(person.firstName); // John

Manipulez les objets pour stocker et accéder à des données complexes.

Fonctions & méthodes essentielles

Déclaration de fonction

function add(a, b) {
  return a + b;
}
console.log(add(3, 5)); // 8

Créez des fonctions pour encapsuler le comportement réutilisable.

Fonction fléchée

const multiply = (a, b) => a * b;
console.log(multiply(4, 6)); // 24

Utilisez les fonctions fléchées pour une syntaxe plus concise et fonctionnelle.

Patterns courants

Fonction curry

function curry(func) {
  return function curried(...args) {
    if (args.length >= func.length) {
      return func.apply(this, args);
    } else {
      return function(...args2) {
        return curried.apply(this, args.concat(args2));
      };
    }
  };
}
const sum = (a, b, c) => a + b + c;
const curriedSum = curry(sum);
console.log(curriedSum(1)(2)(3)); // 6

Permet une utilisation flexible de fonctions avec différents nombres d'arguments.

Opérations avancées

Promises

let promise = new Promise((resolve, reject) => {
  setTimeout(() => resolve("Done"), 1000);
});
promise.then(value => console.log(value)); // Done after 1 second

Utilisez les promises pour gérer des opérations asynchrones.

Async/Await

async function fetchData() {
  let response = await fetch('https://api.example.com/data');
  let data = await response.json();
  console.log(data);
}
fetchData();

Facilité la gestion des promises avec une syntaxe plus linéaire.

Debugging & outils

Utilisation de console.log

let a = 5;
let b = 10;
console.log(a + b); // 15

Un outil simple pour déboguer les valeurs des variables.

Développer les navigateurs

Utilisez le DevTools du navigateur pour inspecter l'état de votre application et déboguer le code JavaScript.

Outils puissants pour identifier et corriger les bugs.