JavaScript Beautifier

Giới thiệu công cụ

JavaScript Beautifier định dạng JavaScript nén hoặc khó đọc thành code sạch, thụt lề đúng cách. Xử lý tất cả cú pháp ES2022+ chuẩn bao gồm hàm mũi tên, template literal, destructuring, async/await và cú pháp class. Trình định dạng bảo toàn chính xác nội dung chuỗi — kể cả ký tự đặc biệt — và bỏ qua đúng code trong comment.

Chế độ rút gọn xóa comment và khoảng trắng không cần thiết, giữ một khoảng trắng giữa các định danh để tránh lỗi cú pháp. Tất cả xử lý chạy trong trình duyệt — không có code nào được gửi đến server.

Cách sử dụng

1. Dán JavaScript nén hoặc lộn xộn vào bảng đầu vào.
2. Chọn thụt lề ưa thích (2 hoặc 4 khoảng trắng).
3. Nhấp Định dạng để định dạng, hoặc Rút gọn để rút gọn.
4. Nhấp Sao chép để sao chép kết quả vào clipboard.

Trường hợp sử dụng

Nhà phát triển dùng công cụ này để kiểm tra và gỡ lỗi JavaScript nén từ bundle production, npm package hoặc extension trình duyệt. Lý tưởng để đọc script bên thứ ba bị làm rối, hiểu plugin jQuery và định dạng code sao chép từ Stack Overflow. Chế độ rút gọn giảm kích thước script để nhúng inline vào HTML mà không cần build tool.

Câu hỏi thường gặp

• Có hỗ trợ TypeScript không? — Cú pháp TypeScript phần lớn là superset của JavaScript. TypeScript đơn giản (kiểu, interface, generic) sẽ được định dạng đúng. Để hỗ trợ TypeScript đầy đủ hãy dùng TypeScript Beautifier.
• Có hỗ trợ JSX không? — Không hỗ trợ tự nhiên. Cú pháp JSX với dấu ngoặc nhọn có thể không định dạng đúng. Dùng trình định dạng JSX chuyên dụng cho file component React.
• Code của tôi có an toàn không? — Tất cả xử lý diễn ra cục bộ trong trình duyệt. Không có code nào được truyền đến bất kỳ server nào.