typescript 错误 : Getter-only property not defined in literal

标签 typescript

这感觉像是一个非常愚蠢的错误,但我有一个 typescript 类:

export class Stat{
    abbr: StatType;
    score: number;
    mod: number;
    get name(): string { return StatType[this.abbr]; }
}

“名称”属性是只读的,对吗?

但是,在模拟一些“统计数据”时,我收到错误消息,指出我没有定义“名称”。

const stats: Stat[] = [{
    abbr: StatType.Str,
    score: 15,
    mod: 2
}]

这会产生错误:error TS2741: Property 'name' is missing in type '{ abbr: StatType.Str;得分:数量;模组:数字; }' 但在类型 'Stat' 中是必需的 但是如果属性“name”是只读的,为什么我必须为其赋值?

如果我分配一个值,然后使用该值,则完全忽略 get() 属性。

我做错了什么吗?我如何说服 TS 我不需要提供 name 属性?

枚举是这样定义的:

export enum StatType{
    Str,
    Dex,
    Con,
    Int,
    Wis,
    Cha
}

谢谢!

最佳答案

上次编辑:嗯,所以技术上编辑答案有效,但对象没有转换成 Stat,所以它没有实现 setter/getter 。它“有效”(就 TS 而言),但 setter/getter 未定义,除非我手动将其添加到对象中。 (我的浏览器一定有脏缓存或其他东西。)

所以我最终做的是创建一个“模拟”服务,可以为我 stub 对象。我不必将它注入(inject)任何类或任何东西,我可以在类外声明它(只需新建它),并使用它来生成我想要的对象。这给了我:拥有我的实际对象(带 setter/getter )的能力,我的对象的空构造函数,并且我没有弄脏我的服务类(尽管我弄脏了文件......当我实现 http)。

...在这一点上,实现 http 可能会更快。

编辑: 好吧,这里才是真正的答案:只需转换 json 对象。如果这样做,我就不需要为测试数据定义构造函数,也不需要定义每个属性/函数。

let statTest = <Stat>({
    abbr: StatType.Con,
    score: 12,
    mod: 1
});

原答案:

所以 it turns out您需要使用 new() 语法实际创建对象。但是由于 TS 缺少初始化列表,您必须创建一个显式构造函数,并手动提供所有参数。

所以我的类(class)变成了:

export class Stat{
    abbr: StatType;
    score: number;
    mod: number;
    constructor(statType: StatType, score: number, mod: number){
        this.abbr = statType;
        this.score = score;
        this.mod = mod;
    }
    get name(): string { return StatType[this.abbr]; }
}

我的数组变成了:

const stats: Stat[] = [
    new Stat(StatType.Str, 15, 2)
]

好吧,当值来自实际服务器时,我认为这无关紧要。

关于 typescript 错误 : Getter-only property not defined in literal,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55197485/

相关文章:

typescript - 如何在角度2的输入文本变化时调用函数

javascript - 动态添加的 Angular2 组件不会渲染,但静态添加的组件会渲染

javascript - AWS Amplify 和 amazon-cognito-identity-js 之间的区别?

javascript - Firebase 存储连接到 Angular 应用

typescript - 类型 'CanvasRenderingContext2D | WebGLRenderingContext' 不可分配给类型 'CanvasRenderingContext2D'

javascript - 错误: Uncaught (in promise): TypeError: Cannot read property 'title' of undefined

typescript - 重载不类型检查 body

javascript - 基于条件或重用结构的不同 Html-Tag

typescript - 警告 : Cannot find parent tsconfig. json

javascript - typescript 字典有问题