ES6 - Les bases

1/25 L'instruction "let" déclare une variable locale à portée de bloc.
- Vrai
- Faux
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 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
4/25 Quelle valeur cette expression va-t-elle retourner ?
```
[...[...'...']].length
```
- 3
- 6
- 9
- Erreur
5/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.
6/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.
7/25 Que contient le tableau triangle ?
```
let point = [1,3], segment = [point,[5,5]], triangle = [...segment,[1,8]];
```
- 23
- [1,3,5,5,1,8]
- [ [1,3], [5,5], [1,8] ]
8/25 Quelle fonctionnalité ES6 fournit une nouvelle façon de gérer les opérations asynchrones ?
- Callbacks
- Promesses
- Async/Await
- Écouteurs d'événements
9/25 Laquelle des suivantes est une littérale de gabarit dans ES6 ?
- 'Hello World'
- `Hello ${name}`
- "Hello " + name
- Hello + name
10/25 Quelle fonctionnalité ES6 permet de déclarer des constantes nommées en lecture seule ?
- let
- var
- const
- static
11/25 Dans ES6, quelle syntaxe est utilisée pour définir une classe ?
- function MyClass() {}
- class MyClass {}
- MyClass = new Class()
- object MyClass {}
12/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
13/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
14/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
15/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
16/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'
17/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
18/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
19/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
20/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
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 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 {}
23/25 Quelle méthode dans ES6 est utilisée pour copier un objet ?
- Object.copy()
- Object.clone()
- Object.assign()
- Object.duplicate()
24/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
25/25 Quelle est la principale caractéristique de 'Async/Await' introduite dans ES8 (ECMAScript 2017) ?
- Programmation synchrone
- Gestion des erreurs
- Programmation asynchrone
- Traitement parallèle
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 L'instruction "let" déclare une variable locale à portée de bloc.

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 Que va retourner cette fonction ?

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

5/25 Pourquoi utilise-t-on super ?

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

7/25 Que contient le tableau triangle ?

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

9/25 Laquelle des suivantes est une littérale de gabarit dans ES6 ?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

25/25 Quelle est la principale caractéristique de 'Async/Await' introduite dans ES8 (ECMAScript 2017) ?