QCM Javascript – Partie 32

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. Comment créer un nouvel objet en JavaScript ?

A Object.create()

B new Object()

C new Object[]

D Les deux A et B

D
En JavaScript, un nouvel objet peut être créé à l’aide de la syntaxe new Object() ou de la méthode Object.create().

 

2. Quel est le rôle du mot-clé this dans les objets JavaScript ?

A Faire référence à l’objet global

B Faire référence à l’objet courant

C Créer un nouvel objet

D Dupliquer un objet

B
En JavaScript, le mot-clé this fait référence au contexte actuel ou au champ d’application dans lequel le code est exécuté.

 

3. Quel est le résultat de l’accès à une propriété qui n’existe pas sur un objet ?

A null

B undefined

C 0

D Error

B
En JavaScript, l’accès à une propriété inexistante d’un objet renvoie undefined.

 

 
 

4. Quel est le résultat du code suivant ?
let obj = { a: 1, b: 2 };
console.log(obj.a);

A 1

B 2

C undefined

D Error

A
Le code accède à la propriété ‘a’ de l’objet ‘obj’, qui a la valeur 1.

 

5. Trouvez le problème dans cette définition d’objet :
let obj = { '1a': 10, b: 20 };

console.log(obj.1a);

A Nom de propriété non valide

B Erreur de syntaxe dans console.log

C Affectation de valeur incorrecte

D Pas d’erreur

B
Les noms de propriétés commençant par un chiffre doivent être accédés en utilisant la notation entre crochets [ ], et non la notation par points. Il devrait être obj['1a'].

 

6. Identifiez l’erreur dans cette méthode d’objet :
let obj = {
  msg: function() {
     return 'Hi, ' + name;
  }
};

console.log(obj.msg());

A name n’est pas défini

B msg n’est pas une fonction

C Erreur de syntaxe

D Pas d’erreur

A
La variable name n’est pas définie dans la méthode. Pour accéder à une propriété de obj dans msg, il faut utiliser this.name si name est une propriété de obj.

 

 
 

7. Quelle méthode JavaScript est utilisée pour sélectionner un élément HTML en fonction de son ID ?

A getElementById()

B querySelector()

C getElementsByClassName()

D getElementsByTagName()

A
La méthode getElementById() permet de sélectionner un élément HTML en fonction de son identifiant.

 

8. Quelle est la différence entre les propriétés innerHTML et textContent dans la manipulation du DOM ?

A innerHTML peut inclure des balises HTML; textContent ne le peut pas

B textContent est plus rapide que innerHTML

C textContent peut inclure des balises HTML; innerHTML ne le peut pas

D Il n’y a pas de différence

A
innerHTML renvoie le contenu HTML à l’intérieur d’un élément, tandis que textContent renvoie uniquement le contenu textuel, en ignorant les balises HTML.

 

9. Quel est le résultat s’il y a trois éléments avec la classe demo dans le code HTML ?
let demos = document.querySelectorAll('.demo');
console.log(demos.length);

A 4

B 3

C undefined

D Error

B
querySelectorAll(‘.demo’) sélectionne tous les éléments de la classe demo, et demos.length renvoie le nombre de ces éléments.

 

 
 

10. Quel sera le résultat du code suivant si le code HTML comporte plusieurs balises p ?
let p = document.getElementsByTagName('p');
for(let i = 0; i < p.length; i++) {
   p[i].style.color = 'red';
}

A Toutes les balises p deviennent rouges

B Seule la première balise p devient rouge

C Une erreur de type (TypeError) se produit

D Pas de changement dans les balises p

A
Le code itère sur toutes les balises p et change la couleur de leur texte en rouge.

 

 

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *