นามแฝงชนิดสำหรับชนิดที่ซับซ้อน

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

คีย์เวิร์ด type

type UserId = number;
type UserName = string;
type Point = { x: number; y: number };

การตั้งนามแฝงให้ชนิดยูเนียน

type StringOrNumber = string | number;
function format(val: StringOrNumber): string {
  return String(val);
}

การตั้งนามแฝงให้ชนิดออบเจ็กต์

type Product = {
  id: number;
  name: string;
  price: number;
};
const p: Product = { id: 1, name: 'Widget', price: 9.99 };

การตั้งนามแฝงให้ชนิดทูเพิล

type Coordinate = [number, number];
type RGB = [number, number, number];
const pos: Coordinate = [10, 20];

การตั้งนามแฝงให้ชนิดฟังก์ชัน

type Comparator<T> = (a: T, b: T) => number;
const numSort: Comparator<number> = (a, b) => a - b;

นามแฝงชนิดใช้ชนิดทั่วไปได้

type Maybe<T> = T | null | undefined;
type Pair<A, B> = { first: A; second: B };

นามแฝงชนิดที่อ้างอิงตัวเอง

type TreeNode = {
  value: number;
  left?: TreeNode;
  right?: TreeNode;
};

นามแฝงชนิดไม่สามารถเปิดนิยามซ้ำได้

// Interface can be merged (declaration merging):
interface A { x: number; }
interface A { y: number; } // OK — A now has x and y

// Type alias cannot:
type B = { x: number };
// type B = { y: number }; // Error: duplicate identifier

ยูเนียนแบบจำแนกด้วยนามแฝงชนิดข้อมูล

type Success = { kind: 'success'; data: string };
type Failure = { kind: 'failure'; error: Error };
type Result = Success | Failure;

เมื่อใดควรเลือกใช้ type แทน interface

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

สรุปทบทวน