B2 - TS#1

TypeScript est…

• comme javascript mais en mieux d'après le prof

• Un sur-ensemble de JavaScript avec un système de types statiques

• Un framework front-end

• Un linter JS

Answer explanation

TypeScript est un sur-ensemble de JavaScript qui ajoute un système de types statiques, permettant une meilleure vérification des erreurs et une meilleure lisibilité du code, contrairement aux autres options qui ne décrivent pas correctement TypeScript.

Dans let x = "hello";, le type de x est…

• any

• string

• unknown

• string | number

Answer explanation

Dans l'instruction let x = "hello";, x est assigné à une chaîne de caractères. Par conséquent, le type de x est string, ce qui en fait la réponse correcte. Les autres options ne s'appliquent pas ici.

Choisir l’affirmation correcte sur any vs unknown

• any est plus sûr qu’unknown

• unknown oblige à vérifier le type avant l’usage

• any empêche toutes les erreurs à la compilation

• unknown interdit toute affectation

Answer explanation

L'option 'unknown' nécessite une vérification de type avant son utilisation, ce qui permet d'éviter des erreurs potentielles. En revanche, 'any' ne force pas cette vérification, ce qui peut conduire à des problèmes non détectés.

Dans une interface, ? signifie…

• readonly

• propriété privée

• propriété optionnelle

• propriété obligatoire

Answer explanation

Dans une interface, le symbole '?' indique qu'une propriété est optionnelle, ce qui signifie qu'elle peut être présente ou absente. Cela permet de définir des objets plus flexibles sans imposer la présence de toutes les propriétés.

Quelle signature de fonction est correcte ?

• function add(a: number, b: number): number

• function add(a: number, b): number

• function add(a, b): number

• function add(a: string, b: number): string | number → number

Answer explanation

La signature correcte est 'function add(a: number, b: number): number' car elle spécifie les types des paramètres et le type de retour, assurant ainsi la clarté et la sécurité des types.

Sélectionner un input typé avec querySelector

• document.querySelector("#q") as HTMLElement

• document.querySelector("#q")

• document.querySelector("#q") pour un input

• document.querySelectorAny("#q")

Answer explanation

La bonne réponse est 'document.querySelector("#q")' car elle sélectionne l'élément avec l'ID 'q'. Les autres options sont incorrectes, soit par syntaxe, soit par spécificité, comme 'querySelectorAny' qui n'existe pas.

Que faire face à “Object is possibly 'null'” ?

• Forcer avec !

• Ajouter un guard (if (!el) return) avant usage

• Ignorer

• Convertir en JSON

Answer explanation

La bonne approche pour gérer l'erreur "Object is possibly 'null'" est d'ajouter un guard. Cela permet de vérifier si l'objet est nul avant de l'utiliser, évitant ainsi des erreurs d'exécution. Forcer avec '!' ou ignorer n'est pas recommandé.

Comment déclarer un tableau de nombres en TypeScript ?

• let numbers: number | [];

• let numbers: [number];

• let numbers: number[];

• let numbers: Array;

Answer explanation

La déclaration correcte d'un tableau de nombres en TypeScript est 'let numbers: number[];'. Cela indique que 'numbers' est un tableau contenant des éléments de type 'number'. L'autre option 'let numbers: Array;' est également valide.

Comment créer une fonction fléchée en TypeScript ?

• const add: (a: number, b: number) => number = (a, b) => a + b;

• const add = (a: number, b: number) => a + b;

• function add(a: number, b: number) => a + b;

• let add = (a: number, b: number) => { return a + b; };

Answer explanation

La bonne réponse est 'const add = (a: number, b: number) => a + b;'. Cette syntaxe utilise une fonction fléchée en TypeScript, qui est concise et permet de définir des types pour les paramètres.

Quel type de données est retourné par une fonction sans return en TypeScript ?

• void

• undefined

• any

• never

Answer explanation

En TypeScript, une fonction sans instruction 'return' retourne un type 'void'. Cela signifie qu'elle ne renvoie pas de valeur. Les autres options comme 'undefined', 'any' et 'never' ne sont pas correctes dans ce contexte.