ES6 - Les bases

1/25 Quelle est la valeur finale de "obj" dans l'exemple suivant ?
```
const obj = { foo: 1 }; 

obj.bar = 2;
```
- { foo: 1 }
- { foo: 1, bar: 2 }
- { foo: 1, 2: bar }
- Aucune des réponses ci-dessus
2/25 Quel sera le résultat du suivant ?
```
const speed = 'quick'; `The ${speed} brown fox jumps over the lazy dog.`
```
- SyntaxError
- "Le renard brun rapide saute par-dessus le chien paresseux."
- "Le renard brun speed saute par-dessus le chien paresseux."
- Indéfini
- Le `renard` brun rapide saute par-dessus le chien paresseux.
3/25 ES6 introduit une déclaration spéciale "const". Savez-vous ce qu'elle fait ?
```
const PI = 3.14; 

console.log(PI) // Imprime 3.14
```
- C'est exactement la même chose que let.
- Il est utilisé pour définir des variables liées aux mathématiques.
- Const transforme les variables en constantes, et elles ne peuvent pas être changées.
4/25 ES6 vous donne un certain nombre de nouvelles méthodes pour opérer avec des chaînes de caractères. Laquelle remplace ce morceau de code ennuyeux ?
```
let some_text = "some string"; 

if(some_text.indexOf('str') !=-1){

 return true;

 }
```
- some_text.repeat('str');
- some_text.endsWith('str');
- some_text.includes('str');
5/25 Array.from() est une méthode puissante qui convertit des objets semblables à des tableaux en vrais tableaux. Pourquoi l'utilisez-vous dans le code ci-dessous ?
```
let titleElements = document.querySelectorAll('.article .title'); let titles = Array.from(titleElements).map( t => t.textContent ); console.log(titles);
```
- Ce code est faux et ne fonctionnera pas.
- Vous l'utilisez parce que c'est à la mode.
- Vous en avez besoin, car querySelectorAll retourne une NodeList, qui n'a pas la méthode map, et seuls les tableaux l'ont.
6/25 ES6 offre une manière alternative d'attribuer des variables. Pouvez-vous deviner ce que fait le code ci-dessous ?
```
let a = 12, b = 3;

[a, b] = [b, a];
```
- Rend a et b égaux à 12.
- Échange les valeurs à l'intérieur de a et b, sans utiliser de variables supplémentaires.
- Crée un tableau contenant a et b.
7/25 Quel est le but principal de l'opérateur de propagation dans ES6 ?
- Pour répandre des objets en tableaux
- Pour étendre des objets itérables en éléments individuels
- Pour combiner plusieurs fonctions en une
- Pour répandre des tableaux en objets
8/25 Quelle déclaration à propos des fonctions fléchées dans ES6 est vraie ?
- Elles n'ont pas leur propre contexte 'this'
- Elles peuvent être utilisées comme constructeurs
- Elles ne sont pas hissées
- Elles ont leur propre objet 'arguments'
9/25 Quelle fonctionnalité ES6 fournit une nouvelle façon de gérer les opérations asynchrones ?
- Callbacks
- Promesses
- Async/Await
- Écouteurs d'événements
10/25 Dans ES6, quel mot-clé est utilisé pour importer des modules ?
- require
- import
- include
- load
11/25 Que représente l'objet 'Set' introduit dans ES6 ?
- Une collection de valeurs uniques
- Une carte clé-valeur
- Une liste séquentielle d'éléments
- Un ensemble de fonctions
12/25 Quel est le résultat du code suivant ? `const [a, , b] = [1, 2, 3]; console.log(a, b);`
```
const [a, , b] = [1, 2, 3]; 

console.log(a, b);
```
- 1, 2
- 2, 3
- 1, 3
- undefined, undefined
13/25 Quelle fonctionnalité ES6 permet de déclarer des constantes nommées en lecture seule ?
- let
- var
- const
- static
14/25 Dans ES6, quelle syntaxe est utilisée pour définir une classe ?
- function MyClass() {}
- class MyClass {}
- MyClass = new Class()
- object MyClass {}
15/25 Comment 'const' se comporte-t-il différemment de 'var' dans ES6 ?
- les variables const peuvent être réaffectées
- const crée une portée de bloc
- const ne permet pas le hissage
- const n'est pas compatible avec les anciens navigateurs
16/25 Quel est l'avantage principal de l'utilisation de 'let' par rapport à 'var' dans ES6 ?
- let fournit une portée de fonction
- let supporte la redéclaration dans la même portée
- let fournit une portée de bloc
- let améliore les performances
17/25 Dans ES6, quelle déclaration importe correctement un export unique d'un module ?
- import { myExport }
- import myExport from 'module'
- require('module').myExport
- load myExport from 'module'
18/25 Quelle fonctionnalité dans ES6 permet de définir des valeurs par défaut pour les paramètres de fonction ?
- Affectation par défaut
- Initialisation des paramètres
- Paramètres par défaut
- Paramètres optionnels
19/25 Comment la boucle 'for...of' dans ES6 diffère-t-elle de 'for...in' ?
- for...of itère sur les propriétés
- for...of est utilisée pour les objets
- for...of itère sur des objets itérables comme les tableaux
- Il n'y a pas de différence
20/25 Qu'est-ce qu'un 'Proxy' dans ES6 ?
- Une méthode pour créer des objets
- Une façon de gérer les requêtes asynchrones
- Un type de fonction
- Un objet qui enveloppe un autre objet pour contrôler l'accès à celui-ci
21/25 Dans ES6, quel est l'usage principal d'un 'Symbole' ?
- Pour créer des identifiants uniques et immuables
- Pour symboliser des constantes
- Pour renforcer la sécurité
- Pour remplacer les chaînes
22/25 Que représente l'objet 'Map' introduit dans ES6 ?
- Une collection de paires clé-valeur
- Une liste de valeurs uniques
- Une nouvelle façon de créer des tableaux
- Une fonction de mappage pour les tableaux
23/25 Dans ES6, quelle déclaration crée correctement une classe qui étend une autre classe ?
- class SubClass extends BaseClass {}
- class SubClass inherits BaseClass {}
- SubClass.prototype = new BaseClass();
- class SubClass: BaseClass {}
24/25 Dans ES6, à quoi sert 'WeakSet' ?
- Pour stocker un ensemble faiblement détenu de valeurs uniques
- Pour créer un ensemble à sécurité affaiblie
- Pour stocker un ensemble de références faibles
- Pour créer une version moins efficace de Set
25/25 Comment fonctionne la méthode 'endsWith()' avec les chaînes de caractères ES6 ?
- Elle vérifie si une chaîne se termine par une sous-chaîne spécifiée
- Elle ajoute une sous-chaîne spécifiée à la fin d'une chaîne
- Elle supprime la sous-chaîne spécifiée de la fin d'une chaîne
- Elle met en majuscule le dernier caractère d'une chaîne
Pour obtenir le résultat du quiz, veuillez fournir votre adresse e-mail (facultatif)..

Il semble que vous n'ayez pas encore répondu à des questions. Veuillez fournir vos réponses pour continuer.

ES6 - Les bases

1/25 Quelle est la valeur finale de "obj" dans l'exemple suivant ?

2/25 Quel sera le résultat du suivant ?

3/25 ES6 introduit une déclaration spéciale "const". Savez-vous ce qu'elle fait ?

4/25 ES6 vous donne un certain nombre de nouvelles méthodes pour opérer avec des chaînes de caractères. Laquelle remplace ce morceau de code ennuyeux ?

5/25 Array.from() est une méthode puissante qui convertit des objets semblables à des tableaux en vrais tableaux. Pourquoi l'utilisez-vous dans le code ci-dessous ?

6/25 ES6 offre une manière alternative d'attribuer des variables. Pouvez-vous deviner ce que fait le code ci-dessous ?

7/25 Quel est le but principal de l'opérateur de propagation dans ES6 ?

8/25 Quelle déclaration à propos des fonctions fléchées dans ES6 est vraie ?

9/25 Quelle fonctionnalité ES6 fournit une nouvelle façon de gérer les opérations asynchrones ?

10/25 Dans ES6, quel mot-clé est utilisé pour importer des modules ?

11/25 Que représente l'objet 'Set' introduit dans ES6 ?

12/25 Quel est le résultat du code suivant ? `const [a, , b] = [1, 2, 3]; console.log(a, b);`

13/25 Quelle fonctionnalité ES6 permet de déclarer des constantes nommées en lecture seule ?

14/25 Dans ES6, quelle syntaxe est utilisée pour définir une classe ?

15/25 Comment 'const' se comporte-t-il différemment de 'var' dans ES6 ?

16/25 Quel est l'avantage principal de l'utilisation de 'let' par rapport à 'var' dans ES6 ?

17/25 Dans ES6, quelle déclaration importe correctement un export unique d'un module ?

18/25 Quelle fonctionnalité dans ES6 permet de définir des valeurs par défaut pour les paramètres de fonction ?

19/25 Comment la boucle 'for...of' dans ES6 diffère-t-elle de 'for...in' ?

20/25 Qu'est-ce qu'un 'Proxy' dans ES6 ?

21/25 Dans ES6, quel est l'usage principal d'un 'Symbole' ?

22/25 Que représente l'objet 'Map' introduit dans ES6 ?

23/25 Dans ES6, quelle déclaration crée correctement une classe qui étend une autre classe ?

24/25 Dans ES6, à quoi sert 'WeakSet' ?

25/25 Comment fonctionne la méthode 'endsWith()' avec les chaînes de caractères ES6 ?