Typescript动态访问属性

Question

这是一个演示：

class Vec2 {};
class Vec3 {};
class Vec4 {};

let mylibs = {
    Vec2: Vec2,
    Vec3: Vec3,
    Vec4: Vec4
};
let len = Math.round(Math.random() * 2) + 2;
let VecType = 'Vec' + len;
let randomVector = new mylibs[VecType]();

我想通过用户输入创建一些东西， VecType是我用来模拟用户输入的东西。 上面的代码有效，并且tsc不会引发任何错误。 但是在我的vscode中，它告诉我一些错误。

我想解决这种错误。 谢谢。

Answer 1

正如错误所暗示的，一种解决方案是在类型中添加索引签名，以便允许按任何字符串进行索引：

let mylibs : { [key: string]:  new () => any} = {
    Vec2: Vec2,
    Vec3: Vec3,
    Vec4: Vec4
};

如果要限制更严格，可以使用Vec*类型的基类或所有属性类型的联合类型（ Vec2|Vec3|Vec4 ） Vec2|Vec3|Vec4任何其他类型。

另一种选择是，不按通用字符串索引，而是按mylibs键的字符串mylibs 。 动态构造这样的字符串将涉及强制转换，但并不特别安全：

let VecType: keyof typeof mylibs = ('Vec' + len) as any;
let randomVector = new mylibs[VecType]();