Я написав цей код

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 interfaces не мають випромінювання. Це означає, що ні, Fooні Foo.prototypeіснує під час виконання, тому цей код точно не вдасться.

TypeScript намагається сказати вам, що це ніколи не могло спрацювати. Fooце просто тип, це зовсім не цінність!

"Що я можу зробити замість цього instanceof?"

Ви можете ознайомитись із захисниками типу та типовими захисами користувача .

"Але що, якби я просто перейшов з" interface на class"?"

У вас може виникнути спокуса перейти з a 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();
}

Даніель Розенвассер може бути правий і чудовий, але мені хочеться внести поправку в його відповідь. Цілком можливо перевірити екземпляр 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

Перевірте, чи файл ur відповідає належному типу. Теги заборонені у файлах js, але дозволені у файлі jsx