Questions d'Entretien JavaScript avec Réponses

var a une portée de fonction et peut « s'échapper » d'un bloc ; let et const ont une portée de bloc, visibles seulement dans leur propre bloc { }. let peut être réassignée, const non. Aujourd'hui var ne s'utilise presque plus.

== compare les valeurs avec conversion de types ("5" == 5 → true), === compare sans conversion, type inclus ("5" === 5 → false). En pratique, on utilise presque toujours ===.

undefined est la valeur par défaut quand rien n'a été assigné à une variable. null est une valeur qu'un développeur assigne délibérément, pour dire explicitement « c'est vide ici ».

Des types primitifs : string, number, boolean, undefined, null, symbol, bigint. Et un type non primitif — object (qui inclut les tableaux et les fonctions).

Un mécanisme par lequel les déclarations de variables (var) et de fonctions sont déplacées en haut de leur portée avant l'exécution du code. let et const sont aussi hissées, mais tombent dans la « temporal dead zone » — on ne peut pas y accéder avant leur déclaration.

Une fonction qui « se souvient » des variables d'une fonction externe, même après que celle-ci a fini de s'exécuter. Un exemple classique est une fonction compteur qui garde son état entre les appels.

forEach parcourt simplement un tableau et ne renvoie rien. map parcourt aussi un tableau, mais renvoie un nouveau tableau avec le résultat de la fonction pour chaque élément.

Avec Array.isArray(valeur). L'opérateur typeof renvoie "object" pour un tableau, donc il ne sert pas à ça.

Pour une copie superficielle : l'opérateur spread {...obj} ou [...arr]. Pour une copie profonde d'objets imbriqués, on utilise souvent structuredClone(obj) ou JSON.parse(JSON.stringify(obj)).

Avec splice(index, 1) — modifie le tableau original. Ou avec filter, si tu as besoin d'un nouveau tableau sans modifier l'original : arr.filter(item => item !== valeur).

Elle réduit un tableau à une seule valeur, en parcourant chaque élément et en accumulant un résultat. Souvent utilisée pour additionner des valeurs : arr.reduce((sum, n) => sum + n, 0).

Le plus courant est document.querySelector(".classe") pour un élément et document.querySelectorAll(".classe") pour plusieurs. Il existe aussi getElementById.

onclick ne permet d'assigner qu'un seul gestionnaire — un nouveau remplace le précédent. addEventListener permet d'ajouter autant de gestionnaires que voulu au même événement, et de les retirer de façon plus flexible.

Quand un événement se produit sur un élément imbriqué, il « remonte » ensuite à travers tous ses éléments parents. Ça permet d'utiliser la délégation d'événements : assigner un seul gestionnaire au parent plutôt que plusieurs à ses enfants.

En appelant event.preventDefault() dans le gestionnaire — par exemple, pour qu'un formulaire ne recharge pas la page lors de son envoi.

Un objet qui représente le résultat d'une opération asynchrone — il peut être dans l'un de trois états : pending (en attente), fulfilled (accompli) ou rejected (rejeté).

C'est du « sucre syntaxique » au-dessus des promises : une fonction est marquée async, et à l'intérieur await « attend » le résultat d'un promise sans bloquer le reste du code de la page. Le code se lit comme du code synchrone.

setTimeout exécute du code une fois après un délai défini. setInterval répète l'exécution à un intervalle spécifié jusqu'à être arrêté avec clearInterval.

Une référence à l'objet dans le contexte duquel une fonction s'exécute. La valeur de this dépend de la façon dont la fonction a été appelée. Les fonctions fléchées n'ont pas leur propre this — elles le prennent du code environnant.

Une bonne réponse : je lis le message d'erreur dans la console, je place des console.log à des points suspects ou j'utilise des breakpoints dans les DevTools, je réduis le problème à une ligne précise, je vérifie les valeurs des variables à chaque étape.