ES6 - Les bases

1/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.
2/25 Rest est une nouvelle façon pour les fonctions de gérer un nombre arbitraire de paramètres. Pouvez-vous deviner ce que contient la mystérieuse variable "a" ?
```
function mystery(...params) {

  return params; 

}

let a = mystery(1,23,4);
```
- "a" est indéfini
- "a" devient [1,23,4]
- "a" devient "1 23 4"
- "a" devient 1 23 4
3/25 Quelle valeur cette expression va-t-elle retourner ?
```
let x, { x: y = 1 } = { x }; y;
```
- { x: 1 }
- 1
- { x : 1 }
- "undefined"
4/25 Que va retourner cette fonction ?
```
(function() {

 let f = this ? class g { } : class h { };

 return [ typeof f, typeof h ];

 })();
```
- ["undefined", "undefined"]
- ["function", "function"]
- ["function", "undefined"]
- Erreur
5/25 Quel résultat cette expression aura-t-elle ?
```
typeof (function* f() { yield f })().next().next()
```
- "générateur"
- "objet"
- "fonction"
- Erreur
6/25 Pourquoi utilise-t-on super ?
- Est utilisé pour créer et initialiser un objet.
- C'est une fonction simple.
- Est utilisé comme un "objet" qui appelle la classe parente.
- Est utilisé comme une "fonction" qui appelle le constructeur du parent.
7/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.
8/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');
9/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.

10/25 Ce code est-il valide ?

class Slave { // ... };

 const slave = Slave();

11/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'
12/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
13/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
14/25 Quelle fonctionnalité ES6 permet de déclarer des constantes nommées en lecture seule ?
- let
- var
- const
- static
15/25 Quelle fonctionnalité ES6 est utilisée pour écrire des expressions de manière plus concise ?
- Fonctions fléchées
- Littéraux de gabarit
- Promesses
- Affectation par décomposition
16/25 Quel est le résultat de l'utilisation de '...' dans les paramètres de fonction ?
- Opérateur de propagation
- Paramètres de reste
- Déstructuration
- Concaténation de tableaux
17/25 Quelle nouvelle structure de données introduite dans ES6 stocke des valeurs uniques de n'importe quel type ?
- Array
- Object
- Map
- Set
18/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
19/25 Quelle fonctionnalité ES6 fournit une syntaxe abrégée pour attribuer des propriétés à des variables portant le même nom ?
- Raccourci de propriété
- Déstructuration d'objet
- Initialisation de variable
- Fonctions fléchées
20/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
21/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
22/25 Quelle méthode dans ES6 est utilisée pour copier un objet ?
- Object.copy()
- Object.clone()
- Object.assign()
- Object.duplicate()
23/25 Que fait la méthode 'find' sur un tableau dans ES6 ?
- Trouve et remplace les éléments
- Trouve le premier élément satisfaisant une condition
- Trouve tous les éléments qui correspondent à une condition
- Trie le tableau
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 Quel sera le résultat du suivant ?

2/25 Rest est une nouvelle façon pour les fonctions de gérer un nombre arbitraire de paramètres. Pouvez-vous deviner ce que contient la mystérieuse variable "a" ?

3/25 Quelle valeur cette expression va-t-elle retourner ?

4/25 Que va retourner cette fonction ?

5/25 Quel résultat cette expression aura-t-elle ?

6/25 Pourquoi utilise-t-on super ?

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

8/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 ?

9/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 ?

10/25 Ce code est-il valide ?

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

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

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

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

15/25 Quelle fonctionnalité ES6 est utilisée pour écrire des expressions de manière plus concise ?

16/25 Quel est le résultat de l'utilisation de '...' dans les paramètres de fonction ?

17/25 Quelle nouvelle structure de données introduite dans ES6 stocke des valeurs uniques de n'importe quel type ?

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

19/25 Quelle fonctionnalité ES6 fournit une syntaxe abrégée pour attribuer des propriétés à des variables portant le même nom ?

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

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

22/25 Quelle méthode dans ES6 est utilisée pour copier un objet ?

23/25 Que fait la méthode 'find' sur un tableau dans ES6 ?

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

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