Aller au contenu

Formateur JavaScript

Reformate JavaScript ou TypeScript en code cohérent et lisible.

Entrée
80
Sortie

Formateur JavaScript

Collez JavaScript ou TypeScript et cet outil le reformate avec une indentation cohérente, un espacement et des sauts de ligne appropriés. Il reformate le code minifié ou mal formaté, normalise les blocs et les littéraux d'objets, et préserve les expressions comme les opérateurs ternaires, les types génériques, les littéraux de modèle, le chaînage optionnel et les fonctions fléchées avec l'espacement qu'une personne écrirait.

Les options contrôlent les détails, pas la structure. Choisissez une indentation de 2 espaces, 4 espaces ou tabulations, ainsi que des guillemets simples ou doubles — le contenu des chaînes est recodé correctement dans les deux cas, aucun caractère à l'intérieur de la chaîne n'est jamais endommagé. Les points-virgules peuvent être ajoutés à la fin de chaque instruction ou supprimés au profit de l'insertion automatique ; les objets et tableaux multi-lignes peuvent se terminer par des virgules finales ou non. La largeur maximale de la ligne contrôle quand un long littéral d'objet ou une liste d'arguments est divisée sur plusieurs lignes au lieu de s'étendre au-delà du bord de l'écran. Minifier réduit le même code sur une seule ligne avec l'espacement et les commentaires supprimés, pour quand vous avez besoin d'une copie compacte plutôt que lisible.

C'est un formateur, pas un linter ou bundler : il ne réécrit pas la logique, ne renomme pas les variables ni ne résout les importations, et n'exécute pas votre code. L'objectif est de maintenir la sortie valide pour un JavaScript et TypeScript réaliste, y compris les classes, les fonctions asynchrones, la déstructuration, les opérateurs spread et les décorateurs — l'entrée vraiment mal formée (chaîne ou commentaire non terminé) est reformatée au mieux au lieu d'être rejetée complètement.

Tout s'exécute localement dans votre navigateur. Votre code source n'est jamais envoyé à un serveur, ce qui importe pour le code propriétaire ou inédit comme pour un extrait rapide d'un rapport d'erreur. Copiez le résultat formaté, téléchargez-le en tant que fichier .txt, ou envoyez-le à un autre outil pour continuer.

FAQ

Prend-il en charge TypeScript, pas seulement JavaScript ?
Oui. Les annotations de type, les types génériques, les interfaces, les propriétés optionnelles et d'autres syntaxes TypeScript courantes sont reconnues et formatées aux côtés de JavaScript simple.
En quoi "Minifier" diffère-t-il des autres options ?
Il supprime les commentaires et les espaces inutiles et place le code sur une ligne, tout en conservant les points-virgules nécessaires à la séparation sûre des instructions. C'est un mode de formatage compact, pas un minificateur complet — il ne renomme pas les variables et n'applique pas d'autres optimisations de taille.
Va-t-il casser mon code ?
Le formateur ne change que les espaces, les guillemets et les points-virgules — il ne réécrit jamais les expressions ou la logique. Les commentaires et le contenu des chaînes sont conservés exactement comme écrits.
Que se passe-t-il avec une longue ligne, comme un grand littéral d'objet ?
Définissez "Largeur max. de la ligne" et un littéral d'objet ou de tableau qui la dépasserait est divisé sur plusieurs lignes, une entrée par ligne, au lieu de s'étendre au-delà du bord.
Mon code est-il envoyé quelque part ?
Non. Le formatage s'exécute entièrement dans votre navigateur — votre code source ne quitte jamais votre appareil.