CodeUtility
Lập trình thông minh, làm việc hiệu quả!

IDE Typescript gọn nhẹ - Chạy mã Typescript trực tuyến

Viết, chạy và gỡ lỗi Typescript trong IDE trực tuyến gọn nhẹ với trình soạn thảo nhiều tệp, không gian làm việc lâu dài, thư viện theo phiên bản, chia sẻ và cộng tác trực tiếp.

Thư viện cài đặt sẵn
🚀 183 tổng số lượt thực thi (183 trong tháng này)

Udemy Logo 📚 Ai cũng đang học Typescript - bạn thì sao?

Đang tải…

💡 Bạn đang muốn cải thiện kỹ năng của mình? Các khóa học này có thể giúp ích—hãy kiểm tra chúng trong khi mô hình AI của chúng tôi xử lý yêu cầu của bạn.

🌀 Giới thiệu về Trình thực thi TypeScript trực tuyến này

CodeUtility TypeScript Executor cho phép bạn viết và chạy mã TypeScript trực tiếp trên trình duyệt - không cần thiết lập compiler, cài đặt Node.js hay môi trường cục bộ. Công cụ chạy mã TypeScript thật, được biên dịch sang JavaScript trong một môi trường an toàn, sandboxed.

Môi trường này hiện hỗ trợ TypeScript 5.4, giúp bạn truy cập các tính năng ngôn ngữ mới nhất như decorators, suy luận kiểu tốt hơn và hỗ trợ ECMAScript hiện đại.

Dù bạn đang học TypeScript, thử nghiệm các hàm tiện ích, hay mày mò với typing và interface, công cụ này mang đến cách nhanh và tương tác để viết, biên dịch và thực thi mã với phản hồi tức thì.

Rất phù hợp cho nhà phát triển muốn khám phá hệ thống kiểu của TypeScript hoặc kiểm chứng cách TypeScript biên dịch sang JavaScript mà không cần chuyển qua lại giữa trình soạn thảo hay terminal cục bộ.

Không chỉ là công cụ chạy mã

Sử dụng trình soạn thảo nhiều tệp, terminal thực thi biệt lập, thư viện riêng theo môi trường chạy, không gian làm việc lâu dài, tính năng chia sẻ và cộng tác theo thời gian thực ngay trong cùng một trình thực thi.

Cách sử dụng trình thực thi này?

Chọn môi trường chạy, mở hoặc tạo tệp, viết mã rồi nhấn Chạy. Kết quả xuất hiện trong terminal; người dùng đã đăng nhập có thể lưu tệp trong không gian làm việc, cài thư viện và cộng tác qua liên kết chia sẻ.

  1. Chọn phiên bản rồi chỉnh sửa tệp hiện tại hoặc mở một tệp khác trong không gian làm việc.
  2. Chạy mã, nhập dữ liệu trong terminal khi được yêu cầu và xem lại lịch sử chạy đã lưu.
  3. Sử dụng thư viện, công cụ không gian làm việc, chia sẻ và trò chuyện khi tác vụ cần nhiều hơn một đoạn mã.

💡 Hướng dẫn cơ bản TypeScript cho người mới bắt đầu

1. Khai báo biến

TypeScript cho phép kiểu tĩnh với let, const và chú thích kiểu.

let x: number = 10;
const pi: number = 3.14;
let name: string = "Alice";
let isActive: boolean = true;

2. Cấu trúc điều kiện (if / switch)

Dùng if, else if, và else để rẽ nhánh. switch xử lý nhiều giá trị.

let x = 5;
if (x > 0) {
  console.log("Số dương");
} else if (x < 0) {
  console.log("Số âm");
} else {
  console.log("Bằng 0");
}

switch (x) {
  case 1:
    console.log("Một");
    break;
  case 2:
    console.log("Hai");
    break;
  default:
    console.log("Khác");
}

3. Vòng lặp

Dùng for, while, và for...of để lặp.

for (let i = 1; i <= 5; i++) {
  console.log(i);
}

let i = 5;
while (i > 0) {
  console.log(i);
  i--;
}

4. Mảng

Dùng ngoặc vuông [] để khai báo mảng.

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob"];
console.log(numbers[1]);

5. Xử lý mảng

Dùng các phương thức dựng sẵn như push, splice, và filter.

let arr = [10, 20, 30];
arr.push(40);          // Thêm vào cuối
arr.splice(1, 1);      // Xóa phần tử thứ hai
console.log(arr);

6. Nhập/Xuất Console

Dùng console.log để hiển thị kết quả trong console.

const name: string = "Alice";
console.log("Xin chào, " + name);

7. Hàm

Khai báo hàm với tham số có kiểu và kiểu trả về.

function add(a: number, b: number): number {
  return a + b;
}

console.log(add(3, 5));

8. Map

Dùng đối tượng thuần hoặc Map cho cấu trúc khóa-giá trị.

const m = new Map<string, number>();
m.set("Alice", 25);
console.log(m.get("Alice"));

9. Xử lý ngoại lệ

Dùng try và catch để xử lý lỗi.

try {
  throw new Error("Đã có lỗi xảy ra");
} catch (e) {
  console.error(e.message);
}

10. I/O tệp (chỉ Node.js)

Dùng module fs của Node.js để đọc và ghi tệp.

import * as fs from "fs";

fs.writeFileSync("file.txt", "Xin chào tệp");
const content = fs.readFileSync("file.txt", "utf-8");
console.log(content);

11. Xử lý chuỗi

Dùng các phương thức chuỗi như length, concat, includes.

let str = "Hello World";
console.log(str.length);
console.log(str + "!");
console.log(str.includes("World"));

12. Lớp & Đối tượng

TypeScript hỗ trợ lập trình hướng đối tượng.

class Person {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  greet() {
    console.log(`Xin chào, tôi là ${this.name}`);
  }
}

const p = new Person("Alice");
p.greet();