JavaScript : bases, DOM, formulaires et fetch

Questions fréquentes

C'est quoi JavaScript et à quoi ça sert ?

JavaScript est le langage de programmation que les navigateurs exécutent : il rend les pages web interactives, en réagissant aux clics, en vérifiant les formulaires et en chargeant des données sans recharger la page. Il est normalisé sous le nom d'ECMAScript, avec une nouvelle édition chaque année. Il s'utilise aussi hors du navigateur avec Node.js, pour écrire des serveurs et des API (où s'exécute JavaScript).

Quelle est la différence entre Java et JavaScript ?

Ce sont deux langages différents, malgré leurs noms : « JavaScript » a été choisi en 1995 pour profiter de la popularité de Java. Java est compilé et s'exécute dans une machine virtuelle, avec des types déclarés ; JavaScript est exécuté par le navigateur ou par Node.js, avec des types dynamiques. Leur syntaxe de base (accolades, if, for) se ressemble, leur fonctionnement très peu.

JavaScript, c'est du front-end ou du back-end ?

Les deux. Dans le navigateur, JavaScript fait le front-end : l'interface que voit l'utilisateur, seul ou avec une bibliothèque comme React. Avec Node.js, il fait le back-end : le serveur, l'API, l'accès à la base de données. Un même développeur peut ainsi écrire toute une application dans un seul langage, ce qu'on appelle une pile JavaScript complète (cours Node.js et Express).

Quelle est la différence entre let, const et var ?

const déclare une variable qu'on ne peut pas réaffecter, let une variable qui peut changer ; les deux n'existent que dans le bloc { } où elles sont déclarées. var, l'ancienne écriture, ignore les blocs et permet de lire une variable avant sa déclaration (elle vaut alors undefined), ce qui cache des bugs. La règle moderne : const par défaut, let si la valeur doit changer, jamais var (déclarer une variable).

C'est quoi le DOM en JavaScript ?

Le DOM (Document Object Model) est la représentation de la page HTML sous forme d'arbre d'objets, que le navigateur construit et que JavaScript peut modifier. document.querySelector y sélectionne un élément, textContent change son texte, createElement et append ajoutent de nouveaux éléments. Toute modification du DOM se voit immédiatement à l'écran (le DOM).

Quelle est la différence entre textContent et innerHTML ?

textContent lit ou écrit du texte : ce que tu y mets s'affiche tel quel, balises comprises. innerHTML lit ou écrit du HTML : ce que tu y mets est interprété par le navigateur. Insérer une saisie de l'utilisateur avec innerHTML ouvre une faille XSS, qui permet d'exécuter du code dans la page des autres visiteurs. Règle : textContent pour toute donnée, innerHTML seulement pour du HTML écrit par toi, sans variable (textContent ou innerHTML).

À quoi servent async et await ?

Ils permettent d'écrire du code asynchrone qui se lit de haut en bas. await met une fonction en pause jusqu'à ce qu'une promesse soit réglée (par exemple la réponse d'un fetch), sans bloquer le reste de la page ; il ne s'utilise que dans une fonction déclarée async, qui renvoie elle-même une promesse. Une erreur se traite alors avec un try…catch ordinaire (async et await).

Pourquoi fetch ne renvoie-t-il pas d'erreur sur un 404 ?

Parce que fetch ne rejette sa promesse que s'il n'a reçu aucune réponse : réseau coupé, serveur injoignable, requête bloquée par CORS, délai dépassé. Une réponse 404 ou 500 est une réponse ; c'est à ton code de tester response.ok (vrai pour les statuts 200 à 299) et de lever une erreur sinon. Sans ce test, ton code essaie de lire une page d'erreur comme des données (gérer les erreurs de fetch).

Peut-on stocker un token JWT dans le localStorage ?

Ce n'est pas recommandé : tout script qui s'exécute dans la page peut lire le localStorage, y compris un script injecté par une faille XSS, qui enverrait le jeton à un attaquant. Pour une application web, la session se garde de préférence dans un cookie posé par le serveur avec les attributs HttpOnly (illisible par JavaScript), Secure et SameSite. Le localStorage sert aux préférences et aux brouillons, pas à la sécurité (ce qu'il ne faut jamais stocker).

Faut-il apprendre JavaScript ou TypeScript en premier ?

JavaScript d'abord : TypeScript, c'est JavaScript plus des annotations de types, vérifiées avant l'exécution. Sans les bases du langage (fonctions, tableaux, asynchrone), les messages du compilateur TypeScript sont difficiles à comprendre. Une fois ce cours maîtrisé, passer à TypeScript prend quelques jours, et c'est un vrai atout : beaucoup de projets web professionnels l'utilisent (passer à TypeScript).