Skip to main content

JavaScript concept map

TC39 and the language​

Parsing analyses source text and produces a syntax representation. Any optimisation happens later inside the engine.

JS concepts:​

- Arrow function​

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

- Template literals​

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Litt%C3%A9raux_gabarits

- Destructuring​

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Affecter_par_d%C3%A9composition

- Spread operator​

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Op%C3%A9rateur_de_d%C3%A9composition

- Rest parameters​

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Fonctions/Param%C3%A8tres_rest

- Default parameters​

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Fonctions/Param%C3%A8tres_par_d%C3%A9faut

- Object literal​

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Object

- Array literal​

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array

- Class​

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Classes

Module (module)​

https://developer.mozilla.org/fr/docs/Web/JavaScript/Guide/Modules

Import​

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Instructions/import

Export​

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Instructions/export

Map​

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Map

Set​

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Set

- Promise (promise)​

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Promise

- Fetch​

https://developer.mozilla.org/fr/docs/Web/API/Fetch_API/Using_Fetch

- JSON (JavaScript Object Notation)​

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/JSON

  • Arrow function:

Arrow function example​

const maFonction = (parametre1, parametre2) => {
  // code
};

classic function​

function maFonction(parametre1, parametre2) {
  // code
}

anonymous function​

const maFonction = function (parametre1, parametre2) {
  // code
};

anonymous function with arrow function​

const maFonction = (parametre1, parametre2) => {
  // code
};

anonymous function with arrow function and implicit return​

const maFonction = (parametre1, parametre2) => code;