Sân chơi TypeScript

TypeScript Playground này cho phép bạn kiểm tra một đoạn mã nhanh chóng mà không cần mở một dự án đầy đủ. Nó chạy compiler của TypeScript trong trình duyệt của bạn, hiển thị chẩn đoán kiểm tra type kèm số dòng, phát ra JavaScript và có thể chạy đầu ra đơn giản trong một console sandbox.

TypeScript Playground Này Làm Gì

Công cụ này được thiết kế cho các kiểm tra TypeScript hằng ngày: xác thực thu hẹp union, kiểm tra các type helper generic, so sánh các target của compiler, xác nhận hành vi strict mode và xem xét JavaScript mà TypeScript phát ra. Nó hữu ích cho việc học, gỡ lỗi một ví dụ ngắn gọn, chuẩn bị một câu trả lời, hoặc kiểm tra một bản refactor nhỏ trước khi đưa nó vào dự án.

Cách Sử Dụng Compiler của TypeScript

1. Dán TypeScript vào trình soạn thảo hoặc chọn một ví dụ nhanh.
2. Chọn một target JavaScript và định dạng module.
3. Bật strict mode và kiểm tra indexed access tùy chọn khi bạn muốn chẩn đoán chặt chẽ hơn.
4. Nhấp vào biên dịch và kiểm tra type, hoặc để auto compile được bật để nhận phản hồi trực tiếp.
5. Xem xét chẩn đoán, kiểm tra JavaScript được phát ra, sau đó chạy các đoạn mã đơn giản trong console sandbox.

Ghi Chú Kiểm Tra Type

Compiler trong trình duyệt sử dụng một tệp declaration tích hợp gọn nhẹ cho các đối tượng JavaScript phổ biến như mảng, chuỗi, record, JSON, console và timer. Điều đó giữ cho playground nhanh và tự chứa cho các đoạn mã. Nếu mã của bạn phụ thuộc vào React, Node.js, các DOM API hoặc các declaration đặc thù của gói, hãy xác nhận kết quả cuối cùng bên trong dự án của bạn với tsconfig.json thực sự và các gói type đã cài đặt.

Ví Dụ và Trường Hợp Sử Dụng

Sử dụng playground khi bạn muốn cô lập một lỗi type khỏi một codebase lớn hơn, so sánh cách strict mode thay đổi chẩn đoán, giải thích một khái niệm TypeScript cho đồng đội, hoặc kiểm tra cách một đoạn mã nhỏ biên dịch thành JavaScript. Các ví dụ tích hợp bao gồm discriminated union, helper record generic, toán tử satisfies và các lỗi type cố ý để bạn có thể thấy cả trạng thái sạch và thất bại của compiler.

• Xác thực một type union trước khi thêm nó vào mô hình phản hồi API.
• Kiểm tra một helper generic mà không cần chờ một bản build ứng dụng đầy đủ.
• Kiểm tra JavaScript được phát ra khi thay đổi tùy chọn target hoặc module.
• Chia sẻ một bản tái hiện gọn nhẹ của một chẩn đoán TypeScript.

Câu Hỏi Thường Gặp

Công cụ này có kiểm tra các type của TypeScript không?

Có. Nó xây dựng một chương trình TypeScript trong trình duyệt và báo cáo các chẩn đoán từ compiler, bao gồm lỗi type, lỗi cú pháp và các thông báo về tùy chọn của compiler.

Tôi có thể thay đổi các tùy chọn của compiler TypeScript không?

Có. Các điều khiển chính bao gồm target JavaScript, đầu ra module, strict mode, phát declaration và noUncheckedIndexedAccess.

Tại sao một type thư viện bị thiếu?

Playground này cố ý sử dụng một thư viện type tích hợp gọn nhẹ. Đối với các type của framework, DOM, Node.js hoặc gói npm, hãy sử dụng thiết lập dự án cục bộ của bạn.

Trình chạy JavaScript có an toàn không?

Trình chạy sử dụng một iframe sandbox cho các đoạn mã nhanh. Tránh chạy mã không đáng tin cậy và kiểm tra mã ứng dụng thực bên trong môi trường phát triển bình thường của bạn.