Formateur JavaScript
Formater, minifier et valider le JavaScript avec coloration syntaxique
Entrée
Sortie
Qu'est-ce que le formateur JavaScript ?
JavaScript alimente le web. Le JS minifié ou désordonné est difficile à lire et à déboguer. Le formateur JavaScript ajoute l'indentation et les sauts de ligne au code brut ou minifié. La spécification ECMAScript définit le langage.
Cet outil s'exécute entièrement dans votre navigateur. Rien n'est envoyé à un serveur. Collez du JS ou téléchargez un fichier ; obtenez une sortie formatée. Utilisez Minifier pour les bundles de production. Pour la validation, utilisez Validateur JavaScript. Pour minifier uniquement, utilisez Minificateur JavaScript.
Comment utiliser cet outil
Coller ou télécharger
Collez le JavaScript dans le panneau gauche ou téléchargez un fichier .js ou .txt. Utilisez Exemple pour charger du code d'exemple. Utilisez Effacer pour réinitialiser.
Vérifier la sortie
Le panneau droit se met à jour automatiquement avec le code formaté. Utilisez Minifier pour produire une version compacte pour la production.
Copier ou télécharger
Utilisez Copier ou Télécharger pour obtenir le résultat. Pour JSX/React, utilisez Formateur JSX. Pour la conversion TypeScript, utilisez JavaScript vers TypeScript.
Exemples de formatage JavaScript
Voici un exemple de formatage de code JavaScript minifié.
Exemple : recherche de plan d'abonnement
Entrée minifiée :
Sortie formatée :
Quand le formateur JavaScript aide
Lors du débogage de code minifié, de la revue de bundles de webpack ou rollup, ou de l'apprentissage à partir de scripts de production, le formatage rend la structure visible. Idéal pour les stack traces, le code tiers et les vérifications rapides de lisibilité. La spécification ECMAScript définit le langage. Pour le code obfusqué, utilisez d'abord Déobfuscateur JavaScript.
Questions fréquentes
Mes données sont-elles privées ?
Oui. Le formatage s'exécute entièrement dans votre navigateur. Aucune donnée n'est envoyée à un serveur.
Formateur vs Minificateur ?
Le formateur ajoute l'indentation pour la lisibilité. Le minificateur supprime les espaces et commentaires pour un fichier plus petit. Cet outil peut faire les deux.
Prend-il en charge ES6+ ?
Oui. La syntaxe JavaScript moderne (fonctions fléchées, classes, async/await) est prise en charge.
Et JSX ?
Pour JSX et React, utilisez Formateur JSX.
Peut-il corriger les erreurs de syntaxe ?
Non. Le JavaScript invalide affichera une erreur. Utilisez Validateur JavaScript pour vérifier la syntaxe d'abord.
Outils associés
En savoir plus : ECMAScript, MDN JavaScript, webpack, rollup, source maps, Vite, TypeScript.