Comment réussir un entretien JavaScript : les meilleures questions de A à Z

Comment réussir un entretien JavaScript : les meilleures questions de A à Z

Un entretien pour un poste de développeur JavaScript ne se limite pas à une vérification de la syntaxe. Les employeurs veulent voir une compréhension approfondie du langage, de ses particularités et la capacité à travailler avec l'asynchrone. Dans cet article, nous analyserons les sujets clés qui vous aideront à réussir votre entretien avec confiance. Nous aborderons les questions allant des concepts de base aux sujets avancés de Node.js avec des exemples de code réels.

1. Les bases : types de données, hoisting et portées

Commençons par les fondamentaux. JavaScript est un langage à typage dynamique. Comprendre var, let et const est le minimum obligatoire.

Question : Quelle est la différence entre var, let et const ?

\n
• var a une portée fonctionnelle et est remonté (hoisting) avec la valeur undefined.
\n
• let et const ont une portée de bloc et ne sont pas initialisés avant la déclaration (Temporal Dead Zone).
\n
• const interdit la réaffectation, mais ne rend pas l'objet immuable.
\n

Exemple de hoisting :

console.log(a); // undefined (hoisting)\nvar a = 5;\n\nconsole.log(b); // ReferenceError: Cannot access 'b' before initialization\nlet b = 10;

Question : Qu'est-ce que le « hoisting » (remontée) ?

C'est un mécanisme par lequel les déclarations de variables et de fonctions sont déplacées au début de leur portée avant l'exécution du code. Les fonctions déclarées avec function sont remontées entièrement, tandis que les variables ne le sont que pour leur déclaration, pas leur initialisation.

2. Closures et contexte (this)

Les closures sont l'un des points forts de JavaScript. Elles permettent à une fonction de mémoriser l'environnement lexical dans lequel elle a été créée.

Question : Qu'est-ce qu'une closure ? Donnez un exemple.

Une closure est une combinaison d'une fonction et de son environnement lexical. Autrement dit, une fonction interne a accès aux variables de la fonction externe même après que celle-ci a terminé son exécution.

function createCounter() {\n  let count = 0;\n  return function() {\n    count++;\n    return count;\n  };\n}\n\nconst counter = createCounter();\nconsole.log(counter()); // 1\nconsole.log(counter()); // 2

Question : Comment fonctionne this en JavaScript ?

La valeur de this est déterminée par la façon dont la fonction est appelée, et non par l'endroit où elle est déclarée. Les règles principales :

\n
• Dans le contexte global (dans le navigateur) — window, dans Node.js — global.
\n
• Dans une méthode d'objet — l'objet lui-même.
\n
• Dans une fonction appelée avec new — une nouvelle instance.
\n
• Lors de l'utilisation de call, apply, bind — l'objet passé en argument.
\n
• Dans les fonctions fléchées — this provient du contexte lexical externe.
\n

const obj = {\n  name: 'Alice',\n  greet() {\n    console.log(this.name);\n  }\n};\n\nconst greet = obj.greet;\ngreet(); // undefined (perte de contexte)\n\nconst boundGreet = obj.greet.bind(obj);\nboundGreet(); // Alice

3. Asynchrone : Event Loop, promesses et async/await

JavaScript est un langage monothread, mais il traite efficacement les opérations asynchrones grâce à l'Event Loop. C'est l'un des sujets les plus populaires lors des entretiens.

Question : Qu'est-ce que l'Event Loop et comment fonctionne-t-il ?

L'Event Loop est une boucle infinie qui surveille la pile d'appels (Call Stack) et les files d'attente de tâches (Task Queue / Microtask Queue). Si la pile est vide, il prend la première tâche de la file des microtasks (Promise, MutationObserver) ou des macrotasks (setTimeout, I/O).

Question : Quelle est la différence entre les microtasks et les macrotasks ?

\n
• Microtasks : Promise.then/catch/finally,