Trình biên dịch TypeScript trực tuyến – Chạy TypeScript trong trình duyệt của bạn

Sử dụng trình biên dịch TypeScript trực tuyến của chúng tôi để viết, biên dịch và chạy mã TypeScript ngay lập tức trong trình duyệt. Hoàn hảo cho các nhà phát triển đang học TypeScript hoặc thử nghiệm mã nhanh chóng.

Phiên bản

Code mẫu

🚀 tổng số lượt thực thi ( trong tháng này)

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

💡 Hướng Dẫn Cơ Bản Về 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 Điều Kiện (if / switch)

Sử 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("Positive");
} else if (x < 0) {
  console.log("Negative");
} else {
  console.log("Zero");
}

switch (x) {
  case 1:
    console.log("One");
    break;
  case 2:
    console.log("Two");
    break;
  default:
    console.log("Other");
}

3. Vòng Lặp

Sử 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

Sử dụng dấu ngoặc vuông [] để định nghĩa mảng.

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

5. Thao Tác Mảng

Sử dụng các phương thức tích hợp 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

Sử dụng console.log để hiển thị đầu ra trong console.

const name: string = "Alice";
console.log("Hello, " + name);

7. Hàm

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

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

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

8. Bản Đồ

Sử dụng đối tượng thông thường 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ệ

Sử dụng try và catch để xử lý lỗi.

try {
  throw new Error("Something went wrong");
} catch (e) {
  console.error(e.message);
}

10. Nhập/Xuất Tệp (chỉ Node.js)

Sử dụng module fs của Node.js để đọc và ghi tệp.

import * as fs from "fs";

fs.writeFileSync("file.txt", "Hello File");
const content = fs.readFileSync("file.txt", "utf-8");
console.log(content);

11. Thao Tác Chuỗi

Sử 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(\`Hi, I'm \${this.name}\`);
  }
}

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