0Pricing
TypeScript Academy · บทเรียน

Partial, Readonly, Record, Pick และ Omit

เชี่ยวชาญชนิดข้อมูลยูทิลิตีสำคัญสำหรับปรับโครงสร้างออบเจ็กต์ ได้แก่ Partial, Readonly, Record, Pick และ Omit

Partial, Readonly, Record, Pick และ Omit เป็นบทเรียน TypeScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 3 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน TypeScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 3 บทเรียน

บทนำ

เป้าหมาย: ปรับรูปทรงชนิดออบเจ็กต์อย่างปลอดภัยด้วยชนิดบางส่วน ชนิดอ่านอย่างเดียว ชนิดระเบียน การเลือก และการละเว้น เครื่องมือเหล่านี้ช่วยลดโค้ดประกอบและป้องกันข้อผิดพลาด

ชนิดบางส่วน

ชนิดบางส่วน<T> ทำให้คุณสมบัติทั้งหมดเป็นตัวเลือกได้ เหมาะอย่างยิ่งสำหรับข้อมูลการปรับปรุง

interface User {
  id: number;
  name: string;
  email?: string;
}

type UserUpdate = Partial<User>;
const patch: UserUpdate = { name: "Ada" }; // only changed fields

ชนิดอ่านอย่างเดียว

ชนิดอ่านอย่างเดียว<T> ป้องกันการกำหนดคุณสมบัติใหม่ เหมาะสำหรับการกำหนดค่าที่ใช้ร่วมกัน

type Config = Readonly<{ api: string; timeout: number }>;
const cfg: Config = { api: "https://api", timeout: 1000 };
// cfg.timeout = 2000; // Error: readonly

ชนิดระเบียน

ชนิดระเบียน<K,T> สร้างชนิดที่มีคีย์จากยูเนียน K และค่าทั้งหมดเป็นชนิดเดียวกันคือ T

type Status = "idle" | "loading" | "error";
type Flags = Record<Status, boolean>;
const f: Flags = { idle: true, loading: false, error: false };

// Also works for arbitrary string keys
const scores: Record<string, number> = { math: 95, eng: 88 };

การเลือกและการละเว้น

การเลือก เลือกคุณสมบัติบางรายการ ส่วนการละเว้นจะนำบางรายการออก เหมาะสำหรับแบบจำลองมุมมองและชนิดออบเจ็กต์ถ่ายโอนข้อมูลของส่วนเชื่อมต่อ

interface User {
  id: number;
  name: string;
  email?: string;
  role: "user" | "admin";
}

type PublicUser = Pick<User, "id" | "name">;
type PrivateUser = Omit<User, "role">;

const pu: PublicUser = { id: 1, name: "Ada" };
const pr: PrivateUser = { id: 1, name: "Ada", email: "a@x.io" };

เคล็ดลับ

เคล็ดลับ:

  • รวมเครื่องมือเข้าด้วยกัน: Readonly<Partial<T>> สำหรับแพตช์ที่เปลี่ยนแปลงไม่ได้
  • ใช้ชนิดระเบียนสำหรับตารางจับคู่คีย์ → ค่า
  • เลือกใช้การเลือก/การละเว้นแทนการประกาศชนิดที่คล้ายกันซ้ำ

ตรวจสอบเครื่องมือชนิดระเบียน

ตรวจสอบอย่างรวดเร็ว: เครื่องมือใดจับคู่ชุดคีย์กับชนิดค่าเดียว

สรุปทบทวน

สรุปทบทวน: ใช้ชนิดบางส่วนสำหรับแพตช์ ชนิดอ่านอย่างเดียวสำหรับการเปลี่ยนแปลงไม่ได้ ชนิดระเบียนสำหรับตารางจับคู่คีย์→ค่า และการเลือก/การละเว้นเพื่อปรับรูปทรงแบบจำลองอย่างรวดเร็ว

คำถามที่พบบ่อย

บทเรียน “Partial, Readonly, Record, Pick และ Omit” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “Partial, Readonly, Record, Pick และ Omit” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส TypeScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 3 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “Partial, Readonly, Record, Pick และ Omit”

เชี่ยวชาญชนิดข้อมูลยูทิลิตีสำคัญสำหรับปรับโครงสร้างออบเจ็กต์ ได้แก่ Partial, Readonly, Record, Pick และ Omit คุณปฏิบัติ TypeScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน TypeScript Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน TypeScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 3 บทเรียน

บทเรียน “Partial, Readonly, Record, Pick และ Omit” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน TypeScript Academy นี้ได้ไหม

ได้ บทเรียน TypeScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. ฟังก์ชันเจเนอริกและข้อจำกัด (extends, พารามิเตอร์ค่าเริ่มต้น)
  2. Partial, Readonly, Record, Pick และ Omit
  3. ชนิดข้อมูล keyof และการเข้าถึงด้วยดัชนี (เบื้องต้น)
← กลับไปที่ TypeScript Academy