我写了这段代码

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 a切换到aclass呢？”

您可能会倾向于从切换interface到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不会真的能告诉你很多，如果你在服用打字稿结构类型的优势类型。

如果要检查的接口具有不同的属性/功能，则要在运行时使用接口进行类型检查，请使用类型卫士。

例

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

检查您的文件格式是否正确。标记在js文件中是不允许的，但在jsx中是允许的