Saya menulis kode ini

interface Foo {
    abcdef: number;
}

let x: Foo | string;

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

Tapi TypeScript memberi saya kesalahan ini:

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

Mengapa ini terjadi? Saya pikir itu instanceofdapat memeriksa apakah nilai saya memiliki tipe tertentu, tetapi TypeScript tampaknya tidak seperti ini.

Apa yang sedang terjadi

Masalahnya adalah itu instanceofadalah konstruksi dari JavaScript, dan dalam JavaScript, instanceofmengharapkan nilai untuk operan sisi kanan. Secara khusus, di x instanceof FooJavaScript akan melakukan pemeriksaan waktu proses untuk melihat apakah Foo.prototypeada di mana saja dalam rantai prototipe x.

Namun, dalam TypeScript, interfaces tidak memiliki emit . Itu berarti bahwa baik Fooatau Foo.prototypeada pada saat runtime, jadi kode ini pasti akan gagal.

TypeScript mencoba memberi tahu Anda bahwa ini tidak akan pernah berhasil. Foohanyalah sebuah tipe, itu bukanlah nilai sama sekali!

"Apa yang bisa saya lakukan sebagai gantinya instanceof?"

Anda dapat melihat pelindung tipe dan pelindung tipe yang ditentukan pengguna .

"Tapi bagaimana jika aku baru saja beralih dari a interface ke a class?"

Anda mungkin tergoda untuk beralih dari a interfaceke a class, tetapi Anda harus menyadari bahwa dalam sistem tipe struktural TypeScript (di mana hal-hal terutama berbasis bentuk ), Anda dapat menghasilkan objek apa pun yang memiliki bentuk yang sama dengan kelas yang diberikan:

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;

Dalam hal ini, Anda memiliki xdan yyang memiliki tipe yang sama, tetapi jika Anda mencoba menggunakan instanceofsalah satu, Anda akan mendapatkan hasil yang berlawanan di sisi lain. Jadi instanceoftidak akan benar-benar memberitahu Anda banyak tentang jenis jika Anda mengambil keuntungan dari jenis struktural dalam naskah.

Untuk melakukan pengecekan tipe saat runtime dengan sebuah antarmuka menggunakan pelindung tipe , jika antarmuka yang ingin Anda periksa memiliki properti / fungsi yang berbeda .

Contoh

let pet = getSmallPet();

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

Daniel Rosenwasser mungkin benar dan keren, tetapi saya ingin mengubah jawabannya. Sangat mungkin untuk memeriksa contoh x, lihat cuplikan kode.

Tetapi sama mudahnya untuk menetapkan x = y. Sekarang x tidak akan menjadi turunan dari C karena y hanya berbentuk 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

Periksa apakah file ur dalam jenis yang tepat. Tag tidak diperbolehkan di file js, tapi diperbolehkan di jsx