我想构建一个mixin并拥有它,以便可以将其应用于不同的类(在本例中为“ Sprite”和“ Graphics”)。
第三行不起作用:
function Animated<T extends Constructor<Sprite> | Constructor<Graphics>>(Base: T) {
TypeScript抱怨“ T不是构造函数”。
import { Sprite, Texture, Container, Graphics } from "pixi.js";
type Constructor<T = {}> = new (...args: any[]) => T;
function Animated<T extends Constructor<Sprite> | Constructor<Graphics>>(Base: T) {
return class extends Base {
constructor(...args) {
super(...args);
}
animate() {
console.log('animte it');
}
}
}
export class AnimatedSprite extends Animated(Sprite) {
constructor(texture? : Texture) {
super(texture);
}
}
export class AnimatedContainer extends Animated(Graphics) {
constructor(nativeLines?: boolean) {
super(nativeLines);
}
}
答案 0 :(得分:1)
好,找到了解决方法:
export interface IAnimated {
animate():void;
}
export const AnimatedSprite: Constructor<IAnimated> & typeof Sprite = <any>Animated(Sprite);
export const AnimatedGraphics: Constructor<IAnimated> & typeof Graphics = <any>Animated(Graphics);
以后(用法):
let s = new AnimatedSprite(someTexture); // has type "Sprite" and also interface IAnimated
let g = new AnimatedGraphics(false); // has type "Graphics" and also interface IAnimated