Formateur de code JavaScript
Guide
Formateur de code JavaScript
Collez du JavaScript minifié, désordonné ou compressé et obtenez une version propre et uniformément formatée que vous pouvez lire. Le formatage est conscient des tokens — il comprend les littéraux de chaîne, les littéraux de modèle, les expressions régulières et les commentaires, donc il ne reformate jamais le contenu d'une expression régulière ou réorganise votre ${...} interpolations. Tout se déroule dans votre navigateur, donc le code que vous collez ne quitte jamais votre machine.
Comment utiliser
- Collez votre JavaScript dans la zone d'entrée.
- Choisissez votre indentation, votre style de guillemets et votre politique des points-virgules.
- Choisissez un style de crochets (1TBS ou Allman) et une politique des virgules en fin de ligne.
- Définissez une largeur cible de sortie — les littéraux longs sont divisés pour s'adapter.
- Copiez le résultat formaté ou téléchargez-le sous forme de
.jsfichier.
Caractéristiques
- Sortie déterministe – la même entrée produit toujours le même résultat.
- Indentation configurable – 2 espaces, 4 espaces ou des tabulations.
- Conversion des guillemets – passer de guillemets simples, doubles ou préserver le style d'origine avec un traitement sûr des échappements.
- Politique des points-virgules – insérer toujours, supprimer tous, ou préserver ce qui est déjà présent.
- Styles des crochets – 1TBS (même ligne) ou Allman (ligne suivante).
- Virgules finales – aucun, ES5 (seulement les objets et tableaux) ou tout (y compris les arguments de fonction).
- Répartition de la largeur de sortie – les littéraux longs sont divisés sur plusieurs lignes indentées.
- Syntaxe moderne – les fonctions flèches, async/await, les opérateurs de diffusion/rest, le déstructuration, les classes, les littéraux de modèle, les BigInt et les littéraux de régularité sont tous reconnus.
- Préservation des commentaires – les commentaires en ligne et en bloc survivent à la phase de formatage.
- Exécution locale – votre code ne quitte jamais le navigateur.
Quand utiliser cet outil
Utilisez ce formatage lorsque vous lisez des bundles minifiés dans le monde réel, inspectez un extrait tiers, copiez du code d'un échange ou d'un email vers un projet réel, ou normalisez le style d'un collègue avant de reviewer une demande de fusion. Contrairement à un linter complet, il se concentre uniquement sur les espaces et les ponctuations — votre logique reste inchangée.
FAQ
-
Quelle est la différence entre un minificateur et un formatage en JavaScript ?
Un minificateur supprime les espaces inutiles, raccourcit les identificateurs et supprime les commentaires afin de produire le code le plus petit possible pour être livré aux navigateurs. Un formatage ou un beautifier fait l'inverse : il étend le code avec une indentation cohérente, des retours à la ligne et des espaces afin qu'un humain puisse le lire. Les deux sont généralement utilisés aux extrémités opposées d'un flux de travail — beautifier pendant le développement, minifier avant la déploiement.
-
Pourquoi le formatage déterministe est-il meilleur que de demander à un IA de reformater du code ?
Les formateurs déterministes appliquent les mêmes règles à la même entrée à chaque fois, donc une fonction reformattée aujourd'hui et reformattée un mois plus tard produit une différence identique. Les modèles d'IA, en revanche, peuvent introduire une dérive stylistique subtile entre les exécutions, réécrire parfois du code logique ou inventer des options qui n'existent pas. Pour du code qui finit dans un système de versionnement, une sortie prédicteable maintient les différences révisables et évite les changements accidentels.
-
Quelle est la différence entre le style 1TBS et l'Allman ?
1TBS — le style des crochets vrai — place le crochet d'ouverture sur la même ligne que l'instruction qui l'introduit, comme dans
function foo() {. Le style Allman place le crochet d'ouverture sur une ligne séparée directement en dessous. Les deux sont valides ; le style 1TBS est la convention dominante dans le JavaScript moderne et est le style que Prettier et la plupart des préférences ESLint imposent. -
Quand devrais-je utiliser des virgules en fin de ligne en JavaScript ?
Les virgules dans les tableaux et les littéraux d'objets à plusieurs lignes sont valides dans tous les environnements JavaScript modernes et produisent des différences plus petites et plus nettes lorsqu'on ajoute des éléments — la ligne qui nécessitait auparavant une virgule et un nouvel élément change maintenant seulement une fois. Les virgules dans les listes de paramètres de fonction et d'appels de fonction sont également légales depuis ES2017, mais sont parfois désactivées pour garantir la compatibilité avec des outils plus anciens. Utilisez le mode ES5 si vous voulez des virgules dans les objets et les tableaux mais pas dans les appels de fonction.
Installez nos extensions
Ajoutez des outils IO à votre navigateur préféré pour un accès instantané et une recherche plus rapide
恵 Le Tableau de Bord Est Arrivé !
Tableau de Bord est une façon amusante de suivre vos jeux, toutes les données sont stockées dans votre navigateur. D'autres fonctionnalités arrivent bientôt !
Outils essentiels
Tout voir Nouveautés
Tout voirMise à jour: Notre dernier outil a été ajouté le 8 juin 2026
Impliquez-vous
Aidez-nous à continuer à fournir des outils gratuits et précieux
