QCM Javascript – Partie 34

QCM sur Javascript avec des réponses pour la préparation des tests techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses sont tirés d’un vrai entretien écrit et certaines parties sont en direct.
 
 

1. Quel est le problème avec ce code ?

button.addEventListener('click', go); 
function go() {
   alert('Clicked');
}

A Écouteur d’événements manquant

B go n’est pas défini

C Type d’événement incorrect

D Pas d’erreur

Réponse

2. Quel est l’objectif de l’API Fetch en JavaScript ?

A Envoyer des données à un serveur

B Manipuler le DOM

C Récupérer des ressources de manière asynchrone sur le réseau

D Stocker des données dans le navigateur

Réponse

3. Quelle est la différence entre l’API Fetch et XMLHttpRequest ?

A Fetch ne peut envoyer que des requêtes asynchrones

B Fetch renvoie une promesse, ce qui facilite les opérations asynchrones.

C XMLHttpRequest est plus rapide que Fetch

D Fetch ne peut pas gérer les réponses au format JSON

Réponse  
 

4. Que fait le code JavaScript suivant ?

fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => console.log(data));

A Envoie les données à ‘https://api.example.com/data’

B Demande des données à ‘https://api.example.com/data’ et les affiche

C Crée une nouvelle ressource à ‘https://api.example.com/data’.

D Supprime les données de ‘https://api.example.com/data’.

Réponse

5. Que fera cet extrait de code de l’API Fetch ?

fetch('https://api.example.com/update', {
   method: 'POST',
   body: JSON.stringify({name: 'Bob'})
})
.then(response => response.json())
.then(data => console.log(data));

A Récupère les données de l’URL

B Met à jour les données à l’URL et affiche la réponse

C Supprime les données de l’URL

D Soumet des données à l’URL et affiche la réponse

Réponse

6. Comment ce code gère-t-il les erreurs lors de l’utilisation de l’API Fetch ?

fetch('https://api.example.com/data')
.then(response => {
   if (!response.ok) {
      throw new Error('Erreur s est produit');
   }
   return response.json();
})
.catch(error => console.error('Fetch error:', error));

A Il affiche les erreurs dans la console

B Il redirige l’utilisateur vers une page d’erreur

C Il réessaie la requête de recherche

D Il envoie un rapport d’erreur au serveur

Réponse  
 

7. Identifiez le problème dans cette requête fetch :

fetch('https://api.example.com/data', {
   method: 'GET',
   body: JSON.stringify({id: 1})
});

A Les requêtes GET ne doivent pas avoir de corps

B L’URL est incorrecte

C La méthode doit être POST

D Il y a une erreur de syntaxe

Réponse

8. Identifiez l’erreur dans ce code :

fetch('https://api.example.com/data')
.then(response => console.log(response.json()));

A Mauvaise utilisation de response.json()

B Absence de catch pour la gestion des erreurs

C L’URL est incorrecte

D Il y a une erreur de syntaxe

Réponse

9. Quel est le but de l’instruction try…catch en JavaScript ?

A Tester le code pour détecter les erreurs

B Accélérer l’exécution du code

C Pour déclarer des variables

D Pour faire des boucles dans les tableaux

Réponse  
 

10. Quel type d’erreur est généré lorsqu’une variable non définie est utilisée en JavaScript ?

A SyntaxError

B TypeError

C ReferenceError

D RangeError

Réponse