Démêlez un script JavaScript

Les développeurs utilisent Formateur JavaScript avant une revue de code, une session de débogage ou un passage de relais.

Démêlez un script JavaScript, afin de faciliter la relecture, les modifications et le débogage. Utilisez-le sans compte dans votre navigateur.

Mode d’emploi

Collez votre script JavaScript dans la zone de saisie, ou importez le fichier correspondant depuis votre ordinateur.
Lancez le formatage : l'outil réorganise les retours à la ligne et l'indentation pour rendre la structure visible.
Comparez le résultat avec votre original pour repérer les blocs imbriqués, les fonctions et les objets mal fermés.
Copiez la version mise en forme pour la relire dans votre éditeur ou la transmettre à un collègue.
Effacez la zone avant de traiter un autre fichier si vous ne voulez pas mélanger les contenus.

Exemple

Cas typique : un script envoyé par un prestataire arrive sur une seule ligne, ou presque. Après formatage, vous voyez d'un coup où commencent les fonctions et les conditions, ce qui rend la relecture et le repérage d'une accolade manquante beaucoup plus rapides.

Limites et formats

Le formatage change la présentation et non le comportement : il ne corrige aucune erreur de logique ni aucune faute de syntaxe.
Un script écrit dans un langage proche peut demander une vérification supplémentaire après passage dans l'outil.
Le résultat doit être comparé à l'original avant remplacement, surtout si des chaînes contiennent des espaces significatifs.
Pour un projet réparti sur plusieurs fichiers, traitez-les un par un et gardez une sauvegarde de chaque version.

Où le traitement a lieu

Le formatage se déroule uniquement dans votre navigateur, sur le code que vous collez ou importez. Aucun extrait n'est envoyé à l'extérieur et rien n'est conservé après la fermeture de la page, ce qui permet de travailler sur du code interne sans le diffuser.

Questions fréquentes

Le formatage peut-il casser mon script ?

Il ne devrait pas modifier le comportement du code, puisqu'il agit sur la mise en page. Gardez tout de même une copie de l'original et comparez les deux versions avant de remplacer votre fichier de travail.

Quels fichiers puis-je importer ?

Le sélecteur accepte notamment les fichiers .js, .mjs, .cjs, .ts, .tsx, .html, .css, .json, .sql et .graphql, ainsi que les fichiers texte. Un seul fichier est chargé à la fois.

L'outil corrige-t-il les erreurs de syntaxe ?

Non, il se contente de rendre le code lisible. Une accolade manquante ou une virgule en trop reste présente ; c'est justement en relisant la version formatée que vous la repérerez le plus vite.