JavaScript Beautifier et formateur en ligne
Formatez, déminifiez et nettoyez instantanément les JavaScript désordonnés ou compressés (.js / .min.js) en temps réel. Notre formateur JS prenant en charge les jetons gère avec précision les fonctions fléchées ES6+, les littéraux de modèles, les expressions régulières, les boucles pour, les URL https:// et les appels de méthode chaînés — et comprend un minificateur JS JS en un clic pour un code de production compact.
Comment embellir et déminifier JavaScript en ligne
- Collez votre code : Collez votre bundle
.min.jscompressé ou votre script non formaté dans l'éditeur Input JavaScript sur la gauche, ou cliquez sur Load Sample pour tester les fonctionnalités ES6+. - Choisissez un préréglage rapide ou des options de personnalisation : Cliquez sur Espaces 2 (standard), Espaces 4, Allman + Chain Break ou Minify (.min.js), ou affinez le placement du renfort, espacement conditionnel et suppression des commentaires dans le panneau de droite.
- Review en temps réel : La sortie formatée et les compteurs de caractères/lignes/blocs se mettent à jour automatiquement lorsque vous tapez ou modifiez les paramètres.
- Copier ou télécharger : Cliquez sur Copier dans le Clipboard ou Télécharger .js pour enregistrer
script.beautified.js(ouscript.min.js).
Explication des options de formatage JavaScript
| Options | Ce qu'il contrôle | Avant | Après |
|---|---|---|---|
| Orthèses de même ligne (K&R) | Place l'ouverture de { sur la ligne d'en-tête (cochée) ou sur une nouvelle ligne en style Allman (décochée). |
if(ok){run();}else{stop();} |
if (ok) { |
| Espace avant conditionnel | Contrôle si un espace apparaît entre if, for, while, switch, catch et (. |
pour(soit i=0;i<5;i++) |
pour (soit i = 0; i < 5; i++) |
| Méthodes de rupture de chaîne | Divise les chaînes de méthodes fluides (.filter().map().sort()) sur des lignes en retrait. |
items.filter(fn).map(fn).sort(); |
items.filter(fn) |
| Rupprimer les commentaires | Supprime les commentaires // et /* */ tout en gardant les chaînes et les expressions rationnelles https:// intactes. |
const = "https://a.com" ; //url |
const = "https://a.com"; |
Pourquoi utiliser un formateur JavaScript prenant en charge les jetons ?
Le formatage de JavaScript avec de simples règles de remplacement de texte rompt souvent le code valide, car des caractères tels que /, ; et { signifient des choses différentes selon le contexte. Notre formateur utilise un tokenizer lexical JavaScript dédié, qui comprend :
- Strings et littéraux de modèle ES6 : guillemets simples (
'...'), guillemets doubles ("..."), chaînes de modèle de guillemets inversés (`Hello ${name}`) et barres obliques inverses avec échappement ("C:\\Users\\") sont conservés textuellement. - Regular Expressions vs. Division: Distingue les littéraux regex comme
/^user_[0-9]+;?/ides expressions de division comme(a + b) / 2afin que les points-virgules ou les barres obliques à l'intérieur d'un regex ne divisent jamais la ligne. for (...)En-têtes de boucle : Points-virgules à l'intérieur defor (laissez i = 0 ; i < n; i++)reste sur la même ligne d'en-tête au lieu de se diviser en trois lignes distinctes.- Suppression sécurisée des commentaires : les commentaires sur une seule ligne
//et multilignes/* */sont tokenisés séparément, de sorte que les URL telles que"https://api.example.com"ne sont jamais tronquées lors de la suppression de commentaires.
Foire aux questions
Comment puis-je déminifier un fichier .min.js en ligne ?
Collez votre code .min.js compressé dans l'éditeur Input JavaScript sur la gauche. Le tokenizer développe automatiquement les instructions, les blocs, les fonctions et les boucles avec une indentation multiligne propre en temps réel.
La suppression des commentaires affecte-t-elle les URL https:// ou les littéraux regex dans mon JavaScript ?
Non. Étant donné que notre formateur utilise un tokeniseur lexical plutôt qu'une expression régulière naïve, // et /* */ à l'intérieur de chaînes entre guillemets simples, de chaînes entre guillemets doubles, de littéraux de modèle et d'expressions régulières (/pattern/g) ne sont jamais supprimés ou modifiés.
Quelle est la différence entre le style d'attelle K&R (même ligne) et Allman (nouvelle ligne) ?
Le style K&R place l'accolade ouvrante { sur la même ligne que la fonction , if ou l'en-tête de boucle (la norme dans la plupart des guides de style JavaScript). Décocher Accolades de même ligne passe au style Allman, plaçant l'accolade ouvrante sur sa propre nouvelle ligne alignée avec l'accolade fermante.
Puis-je également réduire JavaScript avec cet outil ?
Oui. Cliquez sur le bouton Minify JS (ou sélectionnez Minify (Single-Line .min.js) dans le panneau des paramètres) pour supprimer les commentaires et les espaces inutiles tout en conservant intacts les espaces de mots clés requis.
Mon code JavaScript est-il téléchargé sur n'importe quel serveur ?
Non. Tous les formats et minifications JavaScript s'exécutent à 100 % localement dans votre navigateur. Votre code source ne quitte jamais votre appareil.