ชนิดแบบมีเงื่อนไข: T extends U ? X : Y
เขียนคำสั่ง if ระดับชนิดด้วยชนิดแบบมีเงื่อนไข
ชนิดแบบมีเงื่อนไข: T extends U ? X : Y เป็นบทเรียน TypeScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน TypeScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 4 บทเรียน
ยินดีต้อนรับ
ไวยากรณ์พื้นฐาน
type IsString<T> = T extends string ? true : false;
type A = IsString<string>; // true
type B = IsString<number>; // falseประเภทในตัว NonNullable
type NonNullable<T> = T extends null | undefined ? never : T;
type C = NonNullable<string | null>; // stringประเภทแบบมีเงื่อนไขกับเจเนอริก
type Flatten<T> = T extends Array<infer I> ? I : T;
type Str = Flatten<string[]>; // string
type Num = Flatten<number>; // numberประเภทแบบมีเงื่อนไขซ้อนกัน
type TypeName<T> =
T extends string ? 'string' :
T extends number ? 'number' :
T extends boolean ? 'boolean' :
'object';การกระจายเหนือยูเนียน
type ToArray<T> = T extends any ? T[] : never;
type R = ToArray<string | number>; // string[] | number[]การป้องกันการกระจาย
type NoDistribute<T> = [T] extends [any] ? T[] : never;
type R2 = NoDistribute<string | number>; // (string | number)[]การใช้ never เพื่อกรอง
type OnlyStrings<T> = T extends string ? T : never;
type S = OnlyStrings<'a' | 'b' | 1 | 2>; // 'a' | 'b'ประเภทแบบมีเงื่อนไขในประเภทแมป
type NullableValues<T> = { [K in keyof T]: T[K] extends string ? null : T[K] };การอนุมานจากพารามิเตอร์ฟังก์ชัน
type FirstParam<T> = T extends (first: infer P, ...rest: any[]) => any ? P : never;
type FP = FirstParam<(a: string, b: number) => void>; // stringเครื่องมือประเภทแบบมีเงื่อนไขในตัว
type ReturnType<T extends (...args: any) => any> = T extends (...args: any) => infer R ? R : any;ตรวจสอบความเข้าใจ
สรุป
คำถามที่พบบ่อย
บทเรียน “ชนิดแบบมีเงื่อนไข: T extends U ? X : Y” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “ชนิดแบบมีเงื่อนไข: T extends U ? X : Y” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส TypeScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “ชนิดแบบมีเงื่อนไข: T extends U ? X : Y”
เขียนคำสั่ง if ระดับชนิดด้วยชนิดแบบมีเงื่อนไข คุณปฏิบัติ TypeScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน TypeScript Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน TypeScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน
บทเรียน “ชนิดแบบมีเงื่อนไข: T extends U ? X : Y” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน TypeScript Academy นี้ได้ไหม
ได้ บทเรียน TypeScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- keyof และชนิดการเข้าถึงแบบดัชนี
- ข้อจำกัดเจเนอริก: การจำกัดพารามิเตอร์ชนิดให้แคบลง
- ชนิดแบบมีเงื่อนไข: T extends U ? X : Y
- ชนิดแบบมีเงื่อนไขชนิดกระจาย