在打字稿中覆盖/重新声明具有泛型的类

Question

目前我正在开发一个使用三个 js 和 typescript 的项目。我发现出于分组目的 Group 类。不幸的是 类型定义 Group 不带有像这样的泛型

meshGroup = new Group<Mesh>() 

，其中 meshGroup.children 属性仅包含 网格

我尝试了这个

declare class MeshGroup extends Group {
  children: Mesh[]
  add(...object: Mesh[]): this
}

meshGroup = new MeshGroup() 

，但得到了这个控制台

_classes_MeshGroup__WEBPACK_IMPORTED_MODULE_16__.MeshGroup is not a constructor

错误查找是否有一种简单的方法可以在打字稿中实现如此简单的包装器，但没有成功。

我的另一个解决方案是实现一个类型化数组

meshGroup: Mesh[] = []

并使其与类保持同步以处理类型，但它添加了另一层处理同步的层。

由于我不是使用打字稿的专家，是否有一个快速的类型定义技巧来实现这个“包装器”定义？

Answer 1

When you call group.children you get an array Object3D[]

const group: THREE.Group = new THREE.Group();
const children = group.children as THREE.Mesh[];

// Now we can access Mesh attributes, like
const mat = children[0].material;

Answer 2

编辑

它也有可能用类型更安全的类扩展Group类并调用父函数（装饰器模式)：

import { Group } from 'three'
import { Object3D } from 'three/src/core/Object3D'

export default class TypedGroup<T extends Object3D = Object3D> extends Group {
  children: T[] = []

  add(...object: T[]) {
    return super.add(...object)
  }

  remove(...object: T[]): this {
    return super.remove(...object)
  }

  attach(object: T): this {
    return super.attach(object)
  }

  getObjectById(id: number): T | undefined {
    return super.getObjectById(id) as T | undefined
  }

  getObjectByName(name: string): T | undefined {
    return super.getObjectByName(name) as T | undefined
  }

  getObjectByProperty(name: string, value: string): T | undefined {
    return super.getObjectByProperty(name, value) as T | undefined
  }
}

我的初始/旧答案

感谢您的回答@Marquizzo！

这绝对可以是一个解决方案。目前，我想出了另一种方法，通过 patch-package 覆盖包并编辑Group.d.ts 文件如下：

export class Group<T extends Object3D = Object3D> extends Object3D {
    constructor();
    type: 'Group';
    readonly isGroup: true;
    children: T[];
    add(...object: T[]): this;
    remove(...object: T[]): this;
    attach(object: T): this;
    getObjectById(id: number): T | undefined;
    getObjectByName(name: string): T | undefined;
    getObjectByProperty(name: string, value: string): T | undefined;
}

除了您的答案之外，我还获得了方法的类型安全性，这对我也很重要！

我不知道这是否最适合我未来的需求，但目前这解决了我的类型成瘾：D