Bỏ qua tới nội dung
Toolars
Khám phá
Báo lỗi

Tiện ích Lập trình · Cục bộ

Định dạng JavaScript

JavaScript Formatter

Phân tích và thụt lề lại JavaScript mà không thực thi, với 2 hoặc 4 dấu cách và báo lỗi cú pháp kèm dòng, cột. Chạy hoàn toàn trong Worker cục bộ.

Lộ trình tác vụ / từ đầu vào đến kết quả

Dán JavaScript của bạn

Chạy cục bộ · Không có gì được tải lên

Cách Định dạng JavaScript hoạt động, quyền riêng tư và các công cụ liên quan

Lộ trình tác vụ / từ đầu vào đến kết quả

Cách định dạng JavaScript

  1. 01

    Dán JavaScript của bạn

    Dán mã nguồn tối đa 256 KiB UTF-8. Chọn thụt lề hai hoặc bốn dấu cách khi định dạng.

  2. 02

    Chọn kiểu thụt lề

    Chọn 2 hoặc 4 dấu cách. Mẫu đã được nạp; thiết lập mới có hiệu lực khi nhấn Định dạng.

  3. 03

    Định dạng mà không thực thi

    Nhấn Định dạng. Prettier phân tích và in lại JavaScript theo mức thụt lề đã chọn và chiều rộng 100 cột mà không chạy mã. Hãy chạy kiểm thử của bạn.

  4. 04

    Rà soát kết quả và thống kê

    So sánh số byte UTF-8 đầu vào, đầu ra và tỷ lệ tiết kiệm. Giá trị tiết kiệm âm nghĩa là kết quả lớn hơn; hãy kiểm tra trước khi sao chép hoặc tải xuống.

  5. 05

    Sao chép hoặc tải xuống kết quả

    Sao chép kết quả gửi mã đã định dạng vào clipboard; Tải xuống lưu nó thành toolars.js. Đặt lại dọn đầu vào, đầu ra và các tùy chọn khi bạn sẵn sàng cho đoạn mã tiếp theo.

Thông tin công cụ

Xử lý
Trong trình duyệt của bạn
Dữ liệu nhập rời thiết bị này
Không bao giờ
Lưu giữ
Không có gì được lưu
Giá
Miễn phí

Dữ liệu bạn nhập ở lại trong trình duyệt.

Định dạng JavaScript dùng lộ trình thực thi cục bộ đã xác minh và không tạo lịch sử đầu vào hay đầu ra ẩn.

Thực thi cục bộ

Chạy bên trong tab trình duyệt hiện tại.

Không xử lý ẩn

Dữ liệu công cụ đang hoạt động không bao giờ trở thành bản ghi tài liệu của Toolars.

Không cần tài khoản

Dùng quy trình cốt lõi mà không cần tạo hồ sơ. Mục yêu thích đồng bộ vào tài khoản sau khi bạn đăng nhập.

Đặt lại ngay lập tức

Xóa tab và dữ liệu đang làm việc sẽ biến mất.

Khi nào Định dạng JavaScript hữu ích

Đánh giá mã nguồn

Làm cho mã nguồn dễ kiểm tra hơn trước khi chia sẻ với một lập trình viên khác.

Thành phần build

Tạo HTML, CSS hoặc JavaScript gọn nhẹ mà không thực thi mã nguồn.

Đoạn mã sẵn sàng sao chép

Định dạng một ví dụ tập trung và đưa thẳng vào tài liệu hoặc trình soạn thảo.

Định dạng JavaScript thực sự làm gì

Một đoạn stack trace từ production phải được đọc trước khi viết hotfix, và nó đến dưới dạng một dòng dài. Một bookmarklet tìm thấy trên diễn đàn nên được xem xét trước khi nhận được chút tin tưởng nào, và một one-liner khéo léo của đồng nghiệp cần trở thành mã mà cả nhóm có thể bảo trì. Trình định dạng JavaScript phân tích và thụt lề lại mã nguồn mà không thực thi nó, hoàn toàn trên thiết bị, với độ rộng thụt lề mà dự án của bạn đã dùng. Đó chính xác là cách mã không đáng tin nên được xử lý: đọc trước, không chạy — trừ khi sau đó bạn chọn chạy.

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

Giới hạn kích thước là bao nhiêu?
Đầu vào giới hạn 256 KiB, đầu ra 512 KiB. Worker cục bộ có giới hạn riêng năm giây để khởi động và chạy; sửa mã hoặc nhấn Hủy sẽ dừng tác vụ.
Định dạng có chạy mã của tôi không?
Không. Bộ định dạng phân tích JavaScript để thống nhất thụt lề, không tính biểu thức hay gọi hàm. Vẫn cần chạy kiểm thử của dự án.
Vì sao trình định dạng từ chối đoạn mã của tôi?
Trình phân tích mong đợi JavaScript hợp lệ về cú pháp. Một lượt dán bị cắt cụt, một dấu ngoặc không cân hay một ký tự lạc sẽ dừng lượt chạy, và lỗi nêu rõ dòng và cột; sửa cú pháp và chạy lại. Không có phần nào dở dang được sinh ra từ đầu vào không hợp lệ.
Tôi có thể chọn tab hay độ rộng thụt lề khác không?
Không. Cỡ thụt lề giới hạn ở 2 dấu cách hoặc 4 dấu cách, hai độ rộng mà hầu hết dự án JavaScript chuẩn hóa theo. Với bất kỳ lựa chọn nào khác, hãy định dạng ở đây và để công cụ của chính dự án, chẳng hạn cấu hình editor của nó, áp dụng quy ước cuối cùng.
Hàng thống kê cho tôi biết gì?
Dòng này cho biết byte UTF-8 trước và sau chuyển đổi cùng mức chênh lệch. Định dạng có thể tăng dung lượng; con số không chứng minh tính hợp lệ hay hiển thị giống nhau.
Mã của tôi có bị tải lên đâu không?
Không. Mã nguồn được phân tích bên trong một Worker cục bộ và không bao giờ được thực thi, tải lên hay lưu lại. Việc trình phân tích chấp nhận không đồng nghĩa với tính đúng đắn của ứng dụng hay tương thích trình duyệt.

Tiếp tục trong Lập trình

Tác vụ liên quan, không phải ngõ cụt.

Chuyển sang một không gian làm việc tập trung khác mà không cần quay lại mục lục đầy đủ.

Chuyển code thành ảnh

Code to Image Converter

Xuất mã tô sáng bằng Shiki — sáu ngôn ngữ, giao diện sáng/tối kiểu GitHub — thành PNG hoặc SVG với số dòng, tiêu đề cửa sổ và tỷ lệ 1x/2x. Xử lý cục bộ.

Tạo

Trình tạo slug URL

URL Slug Generator

Chuẩn hóa tiêu đề thành slug viết thường: bỏ dấu phụ, & thành and, ký tự lạ gộp thành một dấu gạch ngang hoặc gạch dưới. Giữ chữ cái mọi hệ chữ.

Tạo

Đổ bóng cho React Native

React Native Shadow Generator

Tinh chỉnh shadow iOS và elevation Android đối chiếu xem trước trực tiếp, rồi sao chép đoạn StyleSheet cho iOS, Android hoặc cả hai, kể cả chế độ boxShadow mới.

Tạo

Mã hóa/giải mã Base64

Base64 Encoder/Decoder

Mã hóa và giải mã Base64 với thẩm định trực tiếp, tùy chọn UTF-8, an toàn URL và giữ ngắt dòng. Nút Đảo giúp kiểm tra khứ hồi trong hai cú nhấp.

Chuyển đổi