Bu kodu yazdım

interface Foo {
    abcdef: number;
}

let x: Foo | string;

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

Ama TypeScript bana şu hatayı verdi:

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

Bu neden oluyor? Bunun instanceof, değerimin belirli bir türe sahip olup olmadığını kontrol edebileceğini düşündüm , ancak TypeScript bundan hoşlanmıyor gibi görünüyor.

Neler oluyor

Sorun, instanceofJavaScript'ten bir yapı olması ve JavaScript'te sağ taraftaki işlenen için instanceofbir değer beklemesidir . Özellikle x instanceof FooJavaScript Foo.prototype, prototip zincirinde herhangi bir yerde bulunup bulunmadığını görmek için bir çalışma zamanı kontrolü gerçekleştirecektir x.

Bununla birlikte, TypeScript'te interfaces yayma içermez. Bu , çalışma zamanında ne olmadığı Foove Foo.prototypevar olmadığı anlamına gelir , bu nedenle bu kod kesinlikle başarısız olacaktır.

TypeScript size bunun asla işe yaramayacağını söylemeye çalışıyor . Foosadece bir tür, hiç de bir değer değil!

"Bunun yerine ne yapabilirim instanceof?"

Tip korumalarına ve kullanıcı tanımlı tip korumalarına bakabilirsiniz .

"Ama ben sadece bir anahtarlamalı ne olur interface a class?"

Bir geçiş için cazip olabilir interfacea class, ancak typescript yapısal tip sisteminde ki (işler öncelikle nerede farkına varmalıdır tabanlı biçimden ), belirli bir sınıfla aynı şekle sahip herhangi bir nesneyi üretebilir:

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;

Bu durumda, sahip xve yaynı tür olduğunu, ancak kullanmayı deneyin eğer instanceofikisinden biri üzerinde, diğer ilgili ters bir sonuç elde edersiniz. Yani instanceofolmaz gerçekten sen daktilo yapısal tiplerinin yararlanarak eğer türü hakkında kadarını söyleyebilirim.

Bir arabirimle çalışma zamanında tür denetimi yapmak için, denetlemek istediğiniz arabirimler farklı özelliklere / işlevlere sahipse, tür korumaları kullanmaktır .

Misal

let pet = getSmallPet();

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

Daniel Rosenwasser haklı ve züppe olabilir ama cevabında bir değişiklik yapmak istiyorum. X örneğini kontrol etmek tamamen mümkündür, kod parçacığına bakın.

Ancak x = y'yi atamak da aynı derecede kolaydır. Şimdi, y yalnızca C şeklinde olduğundan x, C'nin bir örneği olmayacaktı.

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

Dosyanızın doğru türde olup olmadığını kontrol edin. Js dosyalarında etiketlere izin verilmez, ancak jsx'de izin verilir