Utils365

Định dạng và rút gọn JavaScript

Giúp JavaScript đã rút gọn dễ đọc, hoặc thu nhỏ script của bạn cho bản chạy thật.

Dán JavaScript, mở file .js hoặc kéo thả vào đây

Tiếp theo: Định dạng JSON · Định dạng và rút gọn CSS

Báo lỗi công cụ này

Cách sử dụng Định dạng và rút gọn JavaScript

  1. Dán JavaScript của bạn

    Dán một script, hoặc mở hay kéo thả một file .js. Mã được định dạng ngay khi bạn gõ.

  2. Làm đẹp hoặc rút gọn

    Làm đẹp thụt lề mã bằng 2 hoặc 4 dấu cách hay một tab. Rút gọn đổi tên ngắn hơn và xóa dấu cách, chú thích.

  3. Sao chép hoặc tải xuống

    Sao chép kết quả, hoặc tải xuống dưới dạng file .js. Khi rút gọn, bạn sẽ thấy mã nhỏ đi bao nhiêu.

Tại sao nên dùng Utils365

  • Rút gọn thực sự

    Terser, trình rút gọn đứng sau hầu hết công cụ build, đổi tên biến cục bộ, xóa mã chết và rút ngắn biểu thức.

  • Lỗi dễ tìm

    Lỗi cú pháp sẽ dừng trình rút gọn, và bạn sẽ thấy dòng, cột cùng đoạn mã xung quanh được đánh dấu.

  • An toàn cho script thường

    Tên ở cấp cao nhất không bị đổi, nên các script khác trên trang dùng hàm của bạn vẫn hoạt động.

  • Riêng tư ngay từ thiết kế

    Mã được định dạng ngay trên trình duyệt và không bao giờ bị tải lên, nên mã nguồn riêng tư vẫn riêng tư.

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

Trình rút gọn JavaScript làm gì?

Nó xóa dấu cách, ngắt dòng và chú thích, đổi tên biến cục bộ thành một chữ cái, và viết lại mã theo cách ngắn hơn mà vẫn làm cùng việc. Script thường chỉ còn một nửa kích thước hoặc nhỏ hơn.

Có thể giải nén JavaScript đã rút gọn không?

Chọn Làm đẹp để khôi phục thụt lề và ngắt dòng cho dễ đọc. Tên biến gốc và chú thích không thể khôi phục, vì quá trình rút gọn đã loại bỏ chúng.

Có hỗ trợ JavaScript hiện đại không?

Có: class, arrow function, async và await, optional chaining, import và export, và await cấp cao nhất trong module.

Chú thích giấy phép có được giữ không?

Có. Chú thích bắt đầu bằng /*! hoặc chứa @license hay @preserve được giữ trong mã đã rút gọn.

Có dùng được với TypeScript hoặc JSX không?

Không trực tiếp. Trình rút gọn chỉ đọc JavaScript chuẩn, nên hãy biên dịch TypeScript và JSX sang JavaScript trước rồi dán kết quả vào.