Relire un extrait provenant d’un journal
Déployez un bloc compact pour suivre conditions et appels. Un préfixe de journal, un message d’erreur ou des balises Markdown doivent être retirés du code fourni.
Formateur JavaScript
Formatez du JavaScript, TypeScript ou JSX pour en faciliter la lecture, sans exécuter le code. Traitement local dans le navigateur.
- Presse-papiers
- Export
Données non envoyées
Impossible de traiter cette entrée. Vérifiez sa syntaxe et les limites indiquées ci-dessous.
Résultat
Cet outil vous a-t-il été utile ?
Comment fonctionne cet outil ?
Réorganisez un extrait JavaScript pour lire plus facilement ses blocs, expressions et instructions. Le formateur analyse la syntaxe avant de produire une présentation cohérente ; il ne découpe pas le texte à chaque accolade ou point-virgule. Une chaîne, un littéral de modèle ou une expression régulière contenant ces caractères garde donc sa fonction. Le code est manipulé comme du texte local : aucune fonction collée dans le formulaire n’est appelée et aucun module mentionné par import n’est chargé pour exécuter votre programme.
Le moteur utilise un parseur de syntaxe JavaScript compatible avec les constructions TypeScript et JSX prises en charge. Il reconstruit la mise en page à partir de cette analyse, avec des blocs indentés et des espaces cohérents autour des opérateurs. Certaines formes d’écriture, guillemets ou points-virgules peuvent être normalisés tout en conservant la valeur des littéraux.
Ce n’est pas un compilateur. Une annotation TypeScript comme : string reste une annotation, et du JSX reste du JSX. Le résultat ne devient pas automatiquement exécutable par un navigateur qui attend du JavaScript standard. L’outil ne vérifie ni les types, ni les imports, ni les noms de variables ; un extrait peut être syntaxiquement accepté tout en contenant une erreur de logique.
La syntaxe est celle reconnue par le parseur embarqué. Une proposition JavaScript expérimentale, une extension de compilateur ou une construction ambiguë entre TypeScript et JSX peut être refusée. Utilisez la chaîne de votre projet pour les syntaxes particulières plutôt que de considérer ce formulaire comme un remplacement de toutes ses options.
La mise en page n’effectue ni minification, ni renommage de variables, ni suppression de code inutilisé. Elle ne produit pas de source map et ne charge pas votre configuration Prettier locale. Le fichier proposé au téléchargement porte par défaut une extension .js : pour du TypeScript ou du JSX, adaptez son nom au format source avant de l’intégrer au dépôt.
Comment utiliser cet outil ?
Coller le code source complet
Fournissez les instructions utiles, avec leurs chaînes et commentaires fermés. Vous pouvez importer un fichier accepté, mais son import ne lance pas le programme.
Lancer le formatage syntaxique
Examinez la nouvelle indentation. Si le parseur refuse l’extrait, recherchez une chaîne inachevée, une accolade manquante ou une syntaxe spécifique non prise en charge.
Relire puis intégrer dans le projet
Vérifiez les littéraux, copiez ou téléchargez la sortie et utilisez l’extension adaptée à votre langage. Une modification de la source masque le précédent résultat.
Cas d'utilisation
Discuter d’une condition en revue
Présentez des blocs lisibles avant d’échanger sur leur logique. La présentation ne remplace pas les tests nécessaires pour vérifier les branches exécutées.
Préparer un exemple TypeScript lisible
Conservez les annotations dans un exemple pédagogique sans prétendre les compiler. Contrôlez ensuite le code avec TypeScript dans son environnement réel.
Exemples
Conserver une chaîne, une Regex et un modèle de chaîne
Les caractères ; et {} à l’intérieur des littéraux ne deviennent pas des frontières de blocs. L’annotation TypeScript reste présente : aucune compilation vers JavaScript n’a lieu.
Entrée
const value: string="a;{b}";const re=/[{};]/g;const t=`x;${value}`;Résultat
const value: string = "a;{b}";
const re = /[{};]/g;
const t = `x;${value}`;
Déployer un bloc conditionnel
Le test et l’appel a() restent les mêmes. Le moteur réorganise les espaces, les lignes et l’indentation du bloc, sans exécuter la condition.
Entrée
if(x){a();}Résultat
if (x) {
a();
}
Conseils et bonnes pratiques
- Formatez la source d’origine plutôt qu’un bundle minifié si vous devez retrouver les noms et commentaires utiles : la mise en page ne déminifie pas les symboles.
- Une erreur de type doit être vérifiée avec le compilateur ou le serveur de langage de votre projet ; ce formulaire n’effectue pas cette analyse.
- Si votre équipe impose une configuration particulière, appliquez son formatage dans le dépôt après avoir utilisé cet outil pour la relecture.
- Ne publiez pas des clés API figurant dans un extrait de code. Le traitement local évite leur envoi à un formateur distant, pas leur diffusion ultérieure par copier-coller.
Sources et références
- ECMAScript Language Specification (s’ouvre dans un nouvel onglet), Ecma InternationalPage en anglais
- The TypeScript Handbook — Everyday Types (s’ouvre dans un nouvel onglet), TypeScriptPage en anglais
Questions fréquentes
Mon JavaScript est-il exécuté pendant le formatage ?
Non. Le moteur analyse et réécrit une représentation syntaxique. Il n’appelle pas eval et n’exécute ni vos fonctions ni les imports déclarés dans le texte.
Les accolades dans les chaînes risquent-elles de créer de faux blocs ?
Le parseur distingue les chaînes, modèles, expressions régulières et blocs de code. Il évite ainsi le découpage aveugle du texte sur des caractères qui appartiennent à un littéral.
Le résultat TypeScript ou JSX est-il converti en JavaScript ?
Non. La mise en page garde les constructions reconnues. Compilez avec les outils du projet et adaptez l’extension du fichier exporté si vous travaillez avec TypeScript ou JSX.
Un code accepté est-il nécessairement correct ?
La réussite confirme seulement que le parseur reconnaît l’extrait. Des variables inconnues, types incompatibles, imports manquants ou erreurs métier nécessitent une analyse et des tests distincts.
Outils associés
Continuez avec ces outils
Des outils similaires ou complémentaires à celui-ci.
Outils similaires
Générez des interfaces TypeScript, des types, des schémas Zod ou JSON Schema à partir d’un exemple JSON.
DéveloppementUtiliser l’outil
Testez une expression régulière sur un texte et inspectez les correspondances obtenues.
DéveloppementMis en avantUtiliser l’outil
Formatez du HTML ou retirez ses commentaires ordinaires localement, en conservant les espaces du texte et le contenu des scripts.
DéveloppementUtiliser l’outil