typescript - ts [].find.call 这种写法怎么用？

Question

  const topAncestorElement =    [].find.call(document.querySelectorAll('[draggable-group-name]'), (e: HTMLElement) => e.contains(dom))

topAncestorElement 的类型是 call 的返回值 undefined；
我希望使用 [].find.call 这种写法，要怎么修改呢？

---

as unknown as HTMLElement 这样断言就行了。之前没注意看提示...

Answer 1

不只 call，也包括 bind、apply 等方法，如果传入的是带有泛型参数（数组 Array<T> 就是个典型的带有泛型的类型）的函数，泛型信息都会丢失。你这里因为 find 函数本身的返回值是类型是 T | undefined，所以 T 丢了还剩个 undefined。

目前除了手动 as 强行断言，没招儿。

见此 Issue: https://github.com/microsoft/TypeScript/issues/54707

---

P.S. 考虑下 Array.from？

const topAncestorElement = Array.from(document.querySelectorAll('[draggable-group-name]')).find(e => e.contains(dom)));

Answer 2

as unknown as HTMLElement