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:

• Hoisting (ascent): https://developer.mozilla.org/fr/docs/Glossaire/Hoisting

• Scope: https://developer.mozilla.org/fr/docs/Glossaire/Port%C3%A9e

• Closure: https://developer.mozilla.org/fr/docs/Glossaire/Fermeture

• Prototype (prototype): https://developer.mozilla.org/fr/docs/Glossaire/Prototype

• Promise: https://developer.mozilla.org/fr/docs/Glossaire/Promesse

• Async (asynchronous)

• Await

• Callback: https://developer.mozilla.org/fr/docs/Glossaire/Fonction_de_rappel

• IIFE (immediately invoked function)

- 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;