⚙

Trình định dạng & rút gọn JavaScript

Làm đẹp JavaScript đã nén để dễ đọc hoặc rút gọn cho môi trường production. Mọi thứ chạy trong trình duyệt của bạn · không máy chủ, không theo dõi.

Công cụ nhà phát triển Chạy cục bộ Không gửi dữ liệu
làm đẹp js rút gọn js Bộ định dạng chỉ phía máy khách
Kích thước thụt lề:
Đầu vào JavaScript
0 ký tự
->
JS đã định dạng
0 ký tự Xử lý thất bại
💡
Làm đẹp Định dạng JavaScript đã thu gọn hoặc nén thành mã dễ đọc với thụt lề và ngắt dòng phù hợp - rất hữu ích để gỡ lỗi hoặc đọc script bên thứ ba. Thu gọn Loại bỏ chú thích và gộp khoảng trắng để giảm kích thước tệp cho môi trường production. Nội dung chuỗi và template literal được giữ nguyên không đổi.

JavaScript Formatter & Minifier là gì?

JavaScript Formatter & Minifier giúp bạn chuyển đổi giữa mã nguồn JS dễ đọc và đầu ra gọn nhẹ cho môi trường production. Công cụ hữu ích để xem lại đoạn mã, gỡ lỗi script được tạo tự động và thu nhỏ tệp sau khi bạn chỉnh sửa xong.

Cách sử dụng JavaScript Formatter & Minifier

  1. Dán JavaScript vào bảng nhập.
  2. Chọn chế độ làm đẹp hoặc thu gọn.
  3. Điều chỉnh thụt lề nếu bạn muốn đầu ra dễ đọc hơn.
  4. Sao chép mã cuối cùng vào ứng dụng, tài liệu hoặc quy trình triển khai của bạn.

Công cụ liên quan

📝
Trình định dạng CSS
Làm đẹp hoặc minify mã CSS với định dạng tùy chỉnh
 📝
format JSON
Làm đẹp, thu gọn, xác thực JSON; chuyển đổi sang CSV hoặc SQL
 📄
Công cụ định dạng HTML
Làm đẹp hoặc thu gọn HTML với thụt lề tùy chỉnh
Tìm hiểu JavaScript Formatter & Minifier ▾
Ví dụ
Đầu vào const f=x=>x*2;const arr=[1,2,3].map(f)
Đầu ra const f = x => x * 2; const arr = [1, 2, 3].map(f);
Các trường hợp sử dụng phổ biến
  • Làm đẹp JavaScript đã nén trước khi gỡ lỗi hoặc xem lại
  • Inspect generated bundle snippets and utility functions more clearly
  • Thu gọn các script nhỏ sau khi chỉnh sửa chúng trong trình duyệt
  • So sánh các thay đổi định dạng khi chuẩn bị mẫu mã hoặc tài liệu
Vì sao nên dùng công cụ này
  • Hữu ích để gỡ lỗi nhanh các đoạn mã đã thu gọn và mã được tạo tự động.
  • Cho phép chuyển đổi giữa JS dễ đọc và JS thu gọn mà không cần công cụ bổ sung.
  • Chạy cục bộ để script vẫn ở trong trình duyệt khi bạn định dạng.
Câu hỏi thường gặp
Công cụ có hoạt động với TypeScript không?

Công cụ định dạng cú pháp JavaScript. Các annotation kiểu riêng của TypeScript được giữ nguyên mà không xác thực.

Công cụ có xử lý JSX không?

Cú pháp JSX cơ bản được giữ nguyên trong quá trình định dạng.

Công cụ Định dạng & Thu gọn JavaScript Online - Làm đẹp & Nén JS Miễn phí dùng để làm gì?

Công cụ Định dạng & Thu gọn JavaScript Online - Làm đẹp & Nén JS Miễn phí chạy hoàn toàn trong trình duyệt của bạn và giúp bạn hoàn thành tác vụ này mà không cần tải dữ liệu lên máy chủ.

Công cụ Định dạng & Thu gọn JavaScript Online - Làm đẹp & Nén JS Miễn phí có miễn phí sử dụng không?

Có. Công cụ này miễn phí sử dụng và không yêu cầu đăng ký.