JavaScript Moderne : Les Fonctionnalites ES6+ Essentielles

JavaScript ES6+ : Les essentiels

ECMAScript 6 (ES6) a apporte des fonctionnalites majeures qui ont transforme JavaScript.

let et const

let variable = "modifiable";
const CONSTANTE = "immuable";

// var est obsolete, utilisez let/const

Arrow Functions

// Avant
function addition(a, b) { return a + b; }

// ES6
const addition = (a, b) => a + b;

// Avec un seul parametre
const double = x => x * 2;

Destructuring

// Objets
const { nom, age } = utilisateur;

// Tableaux
const [premier, second, ...reste] = tableau;

// Parametres de fonction
function saluer({ nom, ville }) {
  console.log(`Bonjour ${nom} de ${ville}`);
}

Template Literals

const message = `Bonjour ${nom},
Vous avez ${age} ans.
Bienvenue !`;

Async/Await

async function fetchData() {
  try {
    const response = await fetch('/api/data');
    const data = await response.json();
    return data;
  } catch (error) {
    console.error(error);
  }
}

Spread Operator

const nouveau = { ...ancien, propriete: "valeur" };
const fusion = [...tableau1, ...tableau2];

ES6+ rend JavaScript plus lisible, plus concis et plus puissant.