คอมไพเลอร์ TypeScript ออนไลน์ – รัน TypeScript ในเบราว์เซอร์ของคุณ

ใช้คอมไพเลอร์ TypeScript ออนไลน์ของเราเพื่อเขียน คอมไพล์ และรันโค้ด TypeScript ได้ทันทีในเบราว์เซอร์ เหมาะสำหรับนักพัฒนาที่กำลังเรียนรู้ TypeScript หรือทดสอบโค้ดแบบรวดเร็ว

เวอร์ชัน

ตัวอย่าง

🚀 การดำเนินการทั้งหมด ( ในเดือนนี้)

📚 ทุกคนกำลังเรียน Typescript — แล้วคุณล่ะ?

💡 คู่มือพื้นฐาน TypeScript สำหรับผู้เริ่มต้น

1. การประกาศตัวแปร

TypeScript อนุญาตให้ใช้การพิมพ์แบบสแตติกด้วย let, const และการระบุประเภท

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

2. เงื่อนไข (if / switch)

ใช้ if, else if, และ else สำหรับการแตกแขนง switch จัดการกับหลายค่า

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. ลูป

ใช้ for, while, และ for...of สำหรับการวนซ้ำ

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

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

4. อาเรย์

ใช้วงเล็บเหลี่ยม [] เพื่อกำหนดอาเรย์

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

5. การจัดการอาเรย์

ใช้เมธอดในตัวเช่น push, splice, และ filter

let arr = [10, 20, 30];
arr.push(40);          // เพิ่มท้าย
arr.splice(1, 1);      // ลบองค์ประกอบที่สอง
console.log(arr);

6. การรับ/ส่งข้อมูลในคอนโซล

ใช้ console.log เพื่อแสดงผลในคอนโซล

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

7. ฟังก์ชัน

ประกาศฟังก์ชันด้วยพารามิเตอร์และค่าที่ส่งกลับที่มีการระบุประเภท

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

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

8. แผนที่

ใช้วัตถุธรรมดาหรือ Map สำหรับโครงสร้างคีย์-ค่า

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

9. การจัดการข้อยกเว้น

ใช้ try และ catch เพื่อจัดการข้อผิดพลาด

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

10. การรับ/ส่งข้อมูลไฟล์ (เฉพาะ Node.js)

ใช้โมดูล fs ของ Node.js เพื่ออ่านและเขียนไฟล์

import * as fs from "fs";

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

11. การจัดการสตริง

ใช้เมธอดของสตริงเช่น length, concat, includes

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

12. คลาสและวัตถุ

TypeScript สนับสนุนการเขียนโปรแกรมเชิงวัตถุ

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();