สิ่งที่ TypeScript เพิ่มให้ JavaScript

ยินดีต้อนรับ

TypeScript เป็นซูเปอร์เซต

การระบุชนิดข้อมูล

let name: string = 'Alice';
let age: number = 30;
let active: boolean = true;

การตรวจสอบชนิดข้อมูลเวลาคอมไพล์

let count: number = 5;
count = 'hello'; // Error: Type 'string' is not assignable to type 'number'

อินเทอร์เฟซและนามแฝงชนิดข้อมูล

interface User {
  name: string;
  age: number;
}

const alice: User = { name: 'Alice', age: 30 };

ชนิดแจกแจง

enum Direction { Up, Down, Left, Right }
const move: Direction = Direction.Up;

ชนิดข้อมูลทั่วไป

function identity<T>(value: T): T {
  return value;
}
const n = identity<number>(42);

ตัวปรับเปลี่ยนการเข้าถึงในคลาส

class BankAccount {
  private balance: number = 0;
  deposit(amount: number) { this.balance += amount; }
}

ชนิดข้อมูลที่ไม่เป็นค่าว่าง

let name: string = null; // Error with strictNullChecks
let maybeName: string | null = null; // OK

TypeScript ลบชนิดข้อมูลออกขณะทำงาน

เครื่องมือในสภาพแวดล้อมการพัฒนาที่ดีขึ้น

ตรวจสอบอย่างรวดเร็ว

สรุปทบทวน