jquery - typescript 运行时类型测试

Question

我有一个 Typescript 类方法(使用 DefinitelyTyped JQuery 定义)，我希望它看起来像这样:

  DoStuff(data: JQuery | string) {
    if (data instanceof JQuery) 
      DoThis()
    else
      DoThat(); 
  }

但是 instanceof 行给出了错误:'JQuery' 只引用了一个类型，但在这里被用作一个值。

这样做的正确方法是什么？我显然可以使用 typeof(data) != "string" 但这感觉像是作弊。

Answer 1

您将需要一个自定义类型保护来确定您是否拥有 jQuery。

下面的示例对于生产来说太轻了，因为其他对象可能具有附加功能 - 您需要检查足够多的鸭子以确保它是一只鸭子，而不仅仅是喙。它确实演示了如何使用自定义类型保护:

function isJquery(obj: JQuery | any): obj is JQuery {
    return typeof (<JQuery>obj).append === 'function';
}

var x: JQuery | string;

if (isJquery(x)) {
    x.append('Something');
} else {
    x.indexOf('blah...');
}