Typescript - 类型 'scrollY' 上不存在属性 'HTMLElement'

Question

我得到了这个方法:

class Foo {
    private getDistanceFromTop (el: HTMLElement): number {
        return el.scrollY || el.scrollTop;
    }
}

el 参数是动态的，可以是 HTMLElement 或 window 对象。我尝试使用 as 将其转换为 Window 类型，但出现另一个编译错误:Type 'HTMLElement' 无法转换为类型 'Window' 。那么如何修改这段代码才能使其通过 TS 验证并且不使用 :any 类型呢？

Answer 1

HTMLElement 和 Window 是两种不同的类型，因此您可以执行以下操作:

class Foo {
  private getDistanceFromTop(el: HTMLElement | Window) {
    if (el instanceof Window) {
      return el.scrollY;
    }
    return el.scrollTop;
  }
}