代码之家 › 专栏 › 技术社区 › xpepermint

对象上的泛型类型

types generics object typescript

xpepermint · 技术社区 · 6 年前

我有一个简单的类,允许设置和获取类对象的泛型值(假设这个类是由npm包提供的)。

class Spec {
    protected data = {};
    set<T>(k: string, v: T) {
        this.data[k] = v;
    }
    get(k: string) {
        return this.data[k];
    }
}

假设我创建这个类的一个实例并设置 id 类型字段 number :

const spec = new Spec();
spec.set('id', 100);

当我检索该值时,typescript将该值作为type返回 any 而不是 数 :

const id = spec.get('id');
// id should be of typescript type number (any instead)

我可以手动指定类型,但希望自动处理:

const id = spec.get<number>('id');
// or
const id = spec.get('id') as number;

这种情况有什么办法吗?

1 回复 | 直到 6 年前

Titian Cernicova-Dragomir 6 年前

我唯一能想到的是 Spec 有一个泛型参数来表示 data 什么时候 set 被称为, this 返回,但其类型已修改以反映新添加的字段。这种方法的问题是您需要 设置 在将值赋给变量之前,或保持 设置 在新变量中,因为它将具有不同的类型。

class Spec<TAll = {}>{
  protected data: TAll = {} as any;
  set<TKey extends string, TValue>(k: TKey, v: TValue): Spec<TAll & { [P in TKey]: TValue }> {
    (this.data as any)[k] = v;
    return this as any
  }
  get<TKey extends keyof TAll>(k: TKey) {
    return this.data[k];
  }
}


const spec = new Spec().set('id', 100);

spec.get('id') // is number

推荐文章

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

3 月前

Zoddo · 属性在明确定义时可能为“未定义”

3 月前

Abdulkerim Awad · 带有泛型的Typescript函数重载无法按预期工作

3 月前

Sanitysign · 为什么{}类型可分配给对象类型?

4 月前

IvonaK · 使用Vite和React在Tauri应用程序中集成shadcn/ui和Tailwind CSS v4

4 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

4 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

4 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

4 月前

Xunnamius · 为什么TypeScript在有条件地推断数组末尾的可选元素时遇到困难?

4 月前

njord · 基于函数的Typescript返回类型

4 月前