看不到 typescript mixins 的属性

Question

当我使用 mixins 时，我看不到（与代码/耳语）id 我的财产。

我的代码是：

class User {
    // @ts-ignore
    id: number;
} 

function Parent<TBase>(Base: TBase) {
  return class ParentChild {  
    _object: TBase;

    constructor (o: TBase) {
        this._object = o;
    } 

    dump(): void {
        console.log(this._object);
    }
  };
}

class Test extends Parent(User) {

}

const o = {id: 2} as any;
const i = new Test(o);

// problem
console.log(i._object.id);

问题出在console.log(i._object.id); 行。我收到一个错误：Property 'id' does not exist on type 'typeof User'。

出了什么问题，我该如何解决？

Answer 1

通过将Base 作为参数传递，您将typeof User（构造函数类型）用作TBase，而不是User（User 实例的类型）。我想你只想要User，通过指定通用参数：

class User {
    // @ts-ignore
    id: number;
} 

function Parent<TBase>() {
//             ^^^^^^^^^
  return class ParentChild {  
    _object: TBase;

    constructor (o: TBase) {
        this._object = o;
    } 

    dump(): void {
        console.log(this._object);
    }
  };
}

class Test extends Parent<User>() {
//                 ^^^^^^^^^^^^^^

}

const o = {id: 2} as any;
const i = new Test(o);

// problem
console.log(i._object.id);

Playground link

其他几点说明：

• 不需要as any 上的o。
• 旁注：如果您只想要User 的形状而不实现，请使用interface User { id: number; } 而不是class。那么你就不需要@ts-ignore了。 Playground link.