การทำชนิดให้แคบลงด้วย instanceof และ in

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

การจำกัดประเภทด้วย instanceof

function handle(err: Error | string) {
  if (err instanceof Error) {
    console.log(err.message); // err: Error
  } else {
    console.log(err); // err: string
  }
}

instanceof กับคลาสที่กำหนดเอง

class Dog { bark() { return 'Woof'; } }
class Cat { meow() { return 'Meow'; } }
function speak(pet: Dog | Cat) {
  if (pet instanceof Dog) pet.bark();
  else pet.meow();
}

instanceof ใช้กับอินเทอร์เฟซไม่ได้

ตัวดำเนินการ in

type Fish = { swim(): void };
type Bird = { fly(): void };
function move(animal: Fish | Bird) {
  if ('swim' in animal) animal.swim();
  else animal.fly();
}

การจำกัดประเภทด้วย in กับคุณสมบัติเสริม

type A = { x?: number };
type B = { y: number };
function process(v: A | B) {
  if ('x' in v) {
    // v: A (has optional x)
  }
}

การรวม instanceof กับ in

function describe(v: Error | { message: string }) {
  if (v instanceof Error) console.log('Error:', v.stack);
  else if ('message' in v) console.log('Object:', v.message);
}

การใช้ in กับยูเนียนแบบมีตัวจำแนก

type Square = { side: number };
type Circle = { radius: number };
function area(s: Square | Circle): number {
  return 'side' in s ? s.side ** 2 : Math.PI * s.radius ** 2;
}

instanceof ในบล็อก catch

try {
  await fetchData();
} catch (err) {
  if (err instanceof NetworkError) { /* retry */ }
  else if (err instanceof AuthError) { /* redirect */ }
  else throw err;
}

การตรวจสอบ Object.prototype เทียบกับ in

ลำดับความสำคัญของการจำกัดประเภท

ตรวจสอบความเข้าใจอย่างรวดเร็ว

ทบทวน