Μορφοποιητής JavaScript
Μορφοποιήστε ακατάστατο ή ελαχιστοποιημένο JavaScript με αυτόν τον Μορφοποιητή JavaScript. Επικολλήστε τον κώδικά σας και το εργαλείο τον αναλύει ως ES module και στη συνέχεια τον εκτυπώνει ξανά με εσοχή δύο διαστημάτων, μία εντολή ανά γραμμή, σταθερά κενά γύρω από τους τελεστές και ερωτηματικά στο τέλος των εντολών, διατηρώντας τα σχόλιά σας. Τα συντακτικά σφάλματα αναφέρονται αντί να γίνεται εικασία, ώστε οι προγραμματιστές να λαμβάνουν πίσω ευανάγνωστο, έγκυρο κώδικα για αναθεώρηση, αποσφαλμάτωση και τεκμηρίωση.
Συχνές ερωτήσεις
Πώς λειτουργεί ο Μορφοποιητής JavaScript;
Αναλύει τον κώδικά σας σε δέντρο σύνταξης ως ES module και εκτυπώνει ξανά το δέντρο με συνεπή μορφοποίηση. Επειδή ο κώδικας αναλύεται αντί να τροποποιείται με κανόνες κειμένου, η δομή της εξόδου ταιριάζει πάντα με την είσοδο.
Ποια μορφοποίηση χρησιμοποιεί η έξοδος;
Τα μπλοκ έχουν εσοχή δύο διαστημάτων, κάθε εντολή βρίσκεται σε δική της γραμμή, οι τελεστές έχουν κενά γύρω τους και οι εντολές τελειώνουν με ερωτηματικά. Σύντομες εγγραφές αντικειμένων και πινάκων παραμένουν σε μία γραμμή, ενώ τα εισαγωγικά συμβολοσειρών και τα template literals διατηρούνται όπως γράφτηκαν.
Μπορώ να αλλάξω την εσοχή ή άλλες ρυθμίσεις;
Όχι, ο μορφοποιητής δεν έχει επιλογές. Κάθε είσοδος εκτυπώνεται με την ίδια μορφοποίηση, ώστε τα αποτελέσματα να είναι προβλέψιμα όταν τα μοιράζεστε.
Τι συμβαίνει όταν ο κώδικάς μου έχει συντακτικό σφάλμα;
Το εργαλείο διακόπτεται και εμφανίζει το μήνυμα του αναλυτή, όπως Unexpected: ακολουθούμενο από το προβληματικό διακριτικό. Διορθώστε το αναφερόμενο πρόβλημα και εκτελέστε ξανά τον μορφοποιητή.
Διατηρούνται τα σχόλια;
Ναι, τα σχόλια γραμμής και μπλοκ διατηρούνται και τοποθετούνται μαζί με τις εντολές στις οποίες ανήκουν. Ένα σχόλιο μέσα σε μια εντολή μπορεί να μετακινηθεί στην αρχή της επόμενης εντολής.
Υποστηρίζει σύγχρονο JavaScript;
Ναι, ο αναλυτής κατανοεί σύγχρονη σύνταξη όπως import και export, συναρτήσεις βέλους, κλάσεις, async και await, αποδόμηση, spread, προαιρετική αλυσιδωτή κλήση, συγχώνευση nullish και template literals. Οι μεγαλύτερες εγγραφές αντικειμένων που δεν χωρούν σε μία γραμμή χωρίζονται, με μία ιδιότητα ανά γραμμή.
Μπορώ να μορφοποιήσω ελαχιστοποιημένο κώδικα;
Ναι, τα ελαχιστοποιημένα αρχεία αναλύονται και απλώνονται σε ευανάγνωστες γραμμές με εσοχές. Τα σύντομα ονόματα μεταβλητών που επέλεξε ο ελαχιστοποιητής διατηρούνται, καθώς η μορφοποίηση δεν μετονομάζει τίποτα.
Θα αλλάξει η μορφοποίηση τη συμπεριφορά του κώδικά μου;
Όχι, αλλάζει μόνο τα κενά, τις αλλαγές γραμμής και τα τερματικά των εντολών. Οι μόνες προσθήκες είναι ερωτηματικά, που αντιστοιχούν στον τρόπο με τον οποίο το JavaScript ήδη διαβάζει τον κώδικα.
Γιατί το αποτέλεσμα βρίσκεται μέσα σε μπλοκ κώδικα javascript;
Το αποτέλεσμα επιστρέφεται ως μπλοκ κώδικα Markdown που αρχίζει με δείκτη javascript, ώστε να εμφανίζεται με επισήμανση όταν επικολλάται στο Markdown. Αντιγράψτε τις γραμμές ανάμεσα στους δείκτες όταν θέλετε τον απλό πηγαίο κώδικα.
Τι γίνεται με τα JSX, TypeScript ή το Flow;
Αυτή η σελίδα χειρίζεται απλό JavaScript. Χρησιμοποιήστε το Formatter JSX για στοιχεία React και το TypeScript ή το Flow Formatter για κώδικα με τύπους, επειδή οι σημειώσεις τύπων δεν αποτελούν μέρος του προτύπου JavaScript.