Q1. Quel opérateur retourne true si les deux valeurs comparées ne sont pas égales ?

• <>
• ~
• ==!
• !==

Référence aux opérateurs de comparaison JavaScript

Q2. En quoi une déclaration forEach est-elle différente d'une déclaration for ?

• Seule une déclaration for utilise une fonction de rappel.
• Une déclaration for est plus générique et peut être utilisée avec divers objets itérables, tandis qu'une déclaration forEach est principalement conçue pour les tableaux mais peut également être utilisée avec d'autres objets itérables comme les ensembles (Sets).
• Seule une déclaration forEach vous permet de spécifier votre propre itérateur.
• Une déclaration forEach est générique, mais une déclaration for ne peut être utilisée qu'avec un tableau.

Référence aux différences entre forEach et la boucle for en JavaScript

Q3. Examinez le code ci-dessous. Quelle instruction appelle la fonction addTax et passe 50 comme argument ?

function addTax(total) {
  return total * 1.05;
}

• addTax = 50;
• return addTax 50;
• addTax(50);
• addTax 50;

Référence aux fonctions en JavaScript

Q4. Quelle instruction est la manière correcte de créer une variable appelée rate et de lui assigner la valeur 100 ?

• let rate = 100;
• let 100 = rate;
• 100 = let rate;
• rate = 100;

Référence aux opérateurs d'assignation JavaScript

Q5. Quelle instruction crée un nouvel objet en utilisant le constructeur Personne ? Quelle instruction crée un nouvel objet Personne appelé "étudiant" ?

• var student = new Person();
• var student = construct Person;
• var student = Person();
• var student = construct Person();

Référence

Q6. Quand l'instruction finale dans le code ci-dessus serait-elle affichée dans la console ? Quand "Résultats affichés" serait-il affiché dans la console ?

let modal = document.querySelector('#result');
setTimeout(function () {
  modal.classList.remove('hidden');
}, 10000);
console.log('Résultats affichés');

• Après 10 secondes
• Après la réception des résultats de la requête HTTP
• Après 10000 secondes
• Immédiatement

Référence à la synchronicité et au thread unique de JavaScript

Q7. Quel extrait de code pourriez-vous ajouter à ce code pour imprimer "food" dans la console ?

class Animal {
  static belly = [];
  eat() {
    Animal.belly.push('food');
  }
}
let a = new Animal();
a.eat();
console.log(/* Extrait ici */); // Imprime "food"

• a.prototype.belly[0]
• Object.getPrototype0f (a).belly[0]
• Animal.belly[0]
• a.belly[0]

Référence au mot-clé statique des classes JavaScript

Q8. Vous avez écrit le code ci-dessous pour afficher un ensemble de valeurs consécutives, mais vous obtenez à la place la valeur 5, 5, 5 et 5 dans la console. Quelle version révisée du code afficherait les valeurs 1, 2, 3 et 4 ?

• A

for (var i = 1; i <= 4; i++) {
  setTimeout(function () {
    console.log(i);
  }, i * 10000);
}

• B

for (var i = 1; i <= 4; i++) {
  (function (i) {
    setTimeout(function () {
      console.log(j);
    }, j * 1000);
  })(j);
}

• C

for (var i = 1; i <= 4; i++) {
  setTimeout(function () {
    console.log(i);
  }, i * 1000);
}

• D

for (var i = 1; i <= 4; i++) {
  (function (j) {
    setTimeout(function () {
      console.log(j);
    }, j * 1000);
  })(i);
}

• E

for (var j = 1; j <= 4; j++) {
  setTimeout(function () {
    console.log(j);
  }, j * 1000);
}

Référence à setTimeout Référence aux fonctions anonymes immédiatement invoquées

Q9. Comment une fonction crée-t-elle une fermeture (closure) ?

• Elle recharge le document à chaque fois que la valeur change.
• Elle renvoie une référence à une variable dans sa portée parente.
• Elle termine son exécution sans renvoyer de valeur.
• Elle copie une variable locale dans la portée globale.

Référence

Q10. Quelle instruction crée une nouvelle fonction appelée discountPrice ?

• A

let discountPrice = function (price) {
  return price * 0.85;
};

• B

let discountPrice(price) {
  return price * 0.85;
};

• C

let function = discountPrice(price) {
  return price * 0.85;
};

• D

discountPrice = function (price) {
  return price * 0.85;
};

Référence à la définition des fonctions JavaScript

Q11. Quel est le résultat dans la console de l'exécution du code ci-dessous ?

var Storm = function () {};
Storm.prototype.precip = 'rain';
var WinterStorm = function () {};
WinterStorm.prototype = new Storm();
WinterStorm.prototype.precip = 'snow';
var bob = new WinterStorm();
console.log(bob.precip);

• Storm()
• undefined
• 'rain'
• 'snow'

Référence à la chaîne de prototypes

Q12. Vous devez faire correspondre une valeur temporelle telle que 12:00:32. Quelle expression régulière parmi les suivantes fonctionnerait pour votre code ?

• /[0-9]{2,}:[0-9]{2,}:[0-9]{2,}/
• /\d\d:\d\d:\d\d/
• /[0-9]+:[0-9]+:[0-9]+/
• / : : /

REMARQUE : Les trois premières sont partiellement correctes et correspondront à des chiffres, mais la deuxième option est la plus correcte car elle ne correspondra qu'aux valeurs de temps à 2 chiffres (12:00:32). La première option aurait fonctionné si la plage de répétitions ressemblait à [0-9]{2}, cependant en raison de la virgule [0-9]{2,}, elle sélectionnera 2 ou plus de chiffres (120:000:321). La troisième option correspondra à n'importe quelle plage de chiffres pour le temps, simple et multiple (ce qui signifie que 1:2:3 correspondra également).

Plus de ressources :

1. Caractères répétés
2. Opérateurs de Kleene

Q13. Quel est le résultat dans la console de l'exécution de ce code ?

'use strict';
function logThis() {
  this.desc = 'logger';
  console.log(this);
}
new logThis();

• undefined
• window
• {desc: "logger"}
• function

Référence aux classes JavaScript

Q14. Comment feriez-vous référence au texte 'avenue' dans le code ci-dessous ?

let roadTypes = ['street', 'road', 'avenue', 'circle'];

• roadTypes.2
• roadTypes[3]
• roadTypes.3
• roadTypes[2]

Référence à l'accès aux tableaux JavaScript

Q15. Quel est le résultat de l'exécution de cette instruction ?

console.log(typeof 42);

• 'float'
• 'value'
• 'number'
• 'integer'

Référence aux types de données JavaScript

Q16. Quelle propriété fait référence à l'objet DOM qui a déclenché un événement ?

• self
• object
• target
• source

Référence aux événements DOM

Q17. Vous ajoutez une gestion des erreurs au code ci-dessous. Quel code incluriez-vous dans l'instruction if pour spécifier un message d'erreur ?

function addNumbers(x, y) {
  if (isNaN(x) || isNaN(y)) {
  }
}

• exception('Un ou les deux paramètres ne sont pas des nombres')
• catch('Un ou les deux paramètres ne sont pas des nombres')
• error('Un ou les deux paramètres ne sont pas des nombres')
• throw('Un ou les deux paramètres ne sont pas des nombres')

Référence à l'instruction throw JavaScript

Q18. Quelle méthode convertit les données JSON en un objet JavaScript ?

• JSON.fromString();
• JSON.parse()
• JSON.toObject()
• JSON.stringify()

Référence à la conversion de données JSON en objet JavaScript

Q19. Quand utiliseriez-vous une instruction conditionnelle ?

• Lorsque vous voulez réutiliser un ensemble d'instructions plusieurs fois.
• Lorsque vous souhaitez que votre code choisisse entre plusieurs options.
• Lorsque vous voulez regrouper des données ensemble.
• Lorsque vous voulez boucler à travers un groupe d'instructions.

Référence aux conditionnelles JavaScript

Q20. Quel serait le résultat dans la console de l'exécution de ce code ?

for (var i = 0; i < 5; i++) {
  console.log(i);
}

• 1 2 3 4 5
• 1 2 3 4
• 0 1 2 3 4
• 0 1 2 3 4 5

Référence aux boucles for en JavaScript