Trình làm đẹp và định dạng JavaScript trực tuyến

Làm đẹp mã JavaScript dễ đọc

Khi bạn có mã JavaScript bị nén hoặc viết một dòng, công cụ này sẽ mở rộng thành các khối rõ ràng. Ví dụ, hàm đơn giản function x(){return 1;} sẽ được chuyển thành:

function x() {
    return 1;
}

Quá trình làm đẹp quét từng ký tự: sau dấu mở ngoặc nhọn { nó mở một dòng mới với thụt lề tăng, tại dấu đóng ngoặc } giảm thụt lề, và sau dấu chấm phẩy ; bắt đầu dòng mới.

Nén mã JavaScript để tiết kiệm dung lượng

Chế độ nén loại bỏ chú thích khối, thu gọn khoảng trắng và xóa khoảng trắng quanh một số dấu câu. Ví dụ, mã:

// comment
function x() { return 1; }

sẽ trở thành function x(){return 1;}. Tuy nhiên, nó không đổi tên biến, không loại bỏ mã không thể truy cập, không tạo bundle hay tạo source map.

Giới hạn và lưu ý quan trọng

Công cụ này không phải trình phân tích cú pháp JavaScript hoàn chỉnh. Nó có thể xử lý sai mã phức tạp chứa chuỗi, biểu thức chính quy, template literal hoặc cú pháp hiện đại, vì dấu ngoặc, chấm phẩy hoặc chuỗi giống chú thích bên trong có thể có ý nghĩa đặc biệt. Do đó, chỉ nên dùng cho các đoạn mã đơn giản và luôn kiểm tra kết quả. Đối với mã sản xuất, hãy sử dụng công cụ build có phân tích cú pháp và chạy kiểm thử.

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

Làm thế nào để chọn số khoảng trắng thụt lề?

Trước khi nhấn nút Beautify, bạn có ba lựa chọn: hai khoảng trắng, bốn khoảng trắng hoặc một tab. Lựa chọn này chỉ áp dụng cho chế độ làm đẹp, không ảnh hưởng đến chế độ nén.

Công cụ có thay đổi biến hoặc xóa mã chết không?

Không. Chế độ nén chỉ loại bỏ chú thích khối, thu gọn khoảng trắng và xóa khoảng trắng quanh một số dấu câu. Nó không đổi tên biến, không loại bỏ mã không thể truy cập, không tạo bundle hay source map.

Tôi có thể dán mã dài bao nhiêu?

Bạn có thể dán tối đa 500.000 ký tự. Nếu vượt quá, có thể công cụ sẽ không xử lý toàn bộ.

Kiểm tra nhanh

• Dán mã JavaScript vào ô nhập.
• Chọn kiểu thụt lề mong muốn.
• Chọn Beautify hoặc Minify.
• Nhấn nút tương ứng.
• Sao chép kết quả từ ô đầu ra.