Voici cinq questions avancées pour un test à choix multiples (QCM) destinées à évaluer les compétences techniques de formateurs seniors en JavaScript. Je vais inclure des scénarios complexes et les bonnes réponses seront indiquées en gras.

1. Étant donné le code suivant utilisant les promesses JavaScript :

Promise.resolve(1)
  .then((x) => x + 1)
  .then((x) => { throw new Error('Mon erreur') })
  .catch(() => 1)
  .then((x) => x + 1)
  .then((x) => console.log(x))
  .catch(console.error);

Quelle est la valeur finale affichée dans la console ?

• A) 1
• B) 2
• C) 3
• D) 'Mon erreur'
• E) Aucune erreur n'est loggée, mais la valeur « 2 » est affichée.

2. Quel est le comportement de l’opérateur spread (...) dans les fonctions fléchées ES6 ?

const montreArgs = (...args) => console.log(args);
montreArgs(1, 2, 3, 4);

Quelle sera la sortie dans la console ?

• A) 1
• B) [1, 2, 3, 4]
• C) "args" est un tableau de tous les arguments passés
• D) SyntaxError

3. Quel pattern est utilisé ici et quelle est sa finalité principale ?

(function(alpha) {
  const beta = 'secret';
  alpha.expose = function() {
    console.log(beta);
  };
})(window);

• A) Module pattern, pour exposer des méthodes tout en préservant la confidentialité de l’état interne
• B) IIFE (Immediately Invoked Function Expression), pour créer un scope local et éviter de polluer le scope global
• C) Prototype pattern, pour ajouter de nouvelles propriétés à l'objet global
• D) Observer pattern, pour gérer les souscriptions aux changements d'état

4. Dans quel cas utiliseriez-vous Object.freeze() sur un objet ?

const obj = {
  propriete1: 'valeur1'
};
Object.freeze(obj);
obj.propriete1 = 'valeur2';
obj.propriete2 = 'valeur3';
console.log(obj);

Que contient l'objet obj après le code ci-dessus ?

• A) { propriete1: 'valeur1' }
• B) Object.freeze() rend l'objet passé immuable, les modifications ultérieures ne sont pas appliquées
• C) { propriete1: 'valeur2', propriete2: 'valeur3' }
• D) TypeError est levé

5. Considérez-vous la déclaration de variable suivante dans une boucle for en mode strict :

'use strict';
for (let i = 0; i < 5; i++) {
  setTimeout(function() {
    console.log(i);
  }, 100 * i);
}

Quelle sera la sortie dans la console et pourquoi ?

• A) 0 1 2 3 4, car let dans la boucle for crée une nouvelle portée pour chaque itération
• B) 5 5 5 5 5, car i est évalué au moment de l'exécution de setTimeout
• C) Rien, let cause une ReferenceError dans le mode strict
• D) Le mot-clé let dans la déclaration de la boucle for permet à chaque fermeture de setTimeout de capturer sa propre valeur unique de i