ฉันเขียนโค้ดนี้

interface Foo {
    abcdef: number;
}

let x: Foo | string;

if (x instanceof Foo) {
    // ...
}

แต่ TypeScript ทำให้ฉันมีข้อผิดพลาดนี้:

'Foo' only refers to a type, but is being used as a value here.

เหตุใดจึงเกิดขึ้น ฉันคิดว่าinstanceofสามารถตรวจสอบได้ว่าค่าของฉันมีประเภทที่กำหนดหรือไม่ แต่ดูเหมือนว่า TypeScript จะไม่ชอบสิ่งนี้

เกิดอะไรขึ้น

ปัญหาคือinstanceofสร้างจาก JavaScript และใน JavaScript instanceofคาดว่าจะมีค่าสำหรับตัวถูกดำเนินการด้านขวา โดยเฉพาะในx instanceof FooJavaScript จะทำการตรวจสอบรันไทม์เพื่อดูว่าFoo.prototypeมีอยู่ที่ใดในห่วงโซ่ต้นแบบของxมีอยู่ที่ใดก็ได้ในห่วงโซ่ต้นแบบของ

อย่างไรก็ตามใน TypeScript interfaceไม่มีการปล่อยออกมา นั่นหมายความว่าไม่ใช่FooหรือFoo.prototypeอยู่ที่รันไทม์ดังนั้นรหัสนี้แน่นอนจะล้มเหลว

TypeScript พยายามบอกคุณว่าสิ่งนี้ไม่สามารถใช้ได้Fooเป็นเพียงประเภทไม่ใช่มูลค่าเลย!

"ฉันจะทำอะไรแทน instanceofไหม”

คุณสามารถมองเข้าไปในยามชนิดและผู้ใช้กำหนดยามประเภท

"แต่ถ้าฉันเพิ่งเปลี่ยนจากinterface เป็นclass?"

คุณอาจถูกล่อลวงให้เปลี่ยนจาก an interfaceเป็น a classแต่คุณควรตระหนักว่าในระบบโครงสร้างของ TypeScript (โดยที่สิ่งต่างๆขึ้นอยู่กับรูปร่าง ) คุณสามารถสร้างวัตถุใด ๆ ที่มีรูปร่างเหมือนกับคลาสที่กำหนด:

class C {
    a: number = 10;
    b: boolean = true;
    c: string = "hello";
}

let x = new C()
let y = {
    a: 10, b: true, c: "hello",
}

// Works!
x = y;
y = x;

ในกรณีนี้คุณมีxและyมีประเภทเดียวกัน แต่ถ้าคุณลองใช้instanceofอย่างใดอย่างหนึ่งคุณจะได้ผลลัพธ์ตรงกันข้ามกับอีกแบบหนึ่ง ดังนั้นinstanceofจะไม่ได้จริงๆบอกคุณมากเกี่ยวกับชนิดถ้าคุณกำลังใช้ประโยชน์จากโครงสร้างในประเภท typescript

ในการตรวจสอบประเภทที่รันไทม์ด้วยอินเทอร์เฟซใช้ตัวป้องกันประเภทหากอินเทอร์เฟซที่คุณต้องการตรวจสอบมีคุณสมบัติ / ฟังก์ชันที่แตกต่างกัน

ตัวอย่าง

let pet = getSmallPet();

if ((pet as Fish).swim) {
    (pet as Fish).swim();
} else if ((pet as Bird).fly) {
    (pet as Bird).fly();
}

Daniel Rosenwasser อาจจะพูดถูกและสำรวย แต่ฉันรู้สึกอยากจะแก้ไขคำตอบของเขา เป็นไปได้อย่างเต็มที่ในการตรวจสอบอินสแตนซ์ของ x ดูข้อมูลโค้ด

แต่การกำหนด x = y ก็ง่ายพอ ๆ กัน ตอนนี้ x จะไม่ใช่ตัวอย่างของ C เนื่องจาก y มีรูปร่างของ C เท่านั้น

class C {
a: number = 10;
b: boolean = true;
c: string = "hello";
}

let x = new C()
let y = {
    a: 10, b: true, c: "hello",
}

console.log('x is C? ' + (x instanceof C)) // return true
console.log('y is C? ' + (y instanceof C)) // return false