Question

我是打字稿新手

export class Reward {
    id: number;
    point: number;
    status: Status;


    constructor(id: number, point: number, status: Status) {
        this.id = id;
        this.point = point;
        this.status = Status.NONE;
    }

}

export enum Status {
    CLAIMED,
    AVAILABLE,
    NONE
}



   public getRewardsOf(numberOfDay: number): Array<Reward> {
       return this.availableRewards.map((reward: Reward, index: number) => {
            if (index == (numberOfDay - 1)) {
                return new Reward(reward.id, reward.point, Status.AVAILABLE);
            } else {
                return reward;
            }
        });
    }

如果不适用于我。它仍然返回相同的旧对象（状态值相同）。即使我创建了一个新对象，它也应该有所不同。

当我使用时可以使用

 if (index == (numberOfDay - 1)) {
         return {
                    'id': reward.id,
                    'point': reward.point,
                    'status': Status.AVAILABLE
                };
            } else {
                return reward;
            }

如果这样我就失去了打字稿的力量

Answer 1

您的构造函数正在对值Status.NONE进行硬编码：

...
this.status = Status.NONE
...

这将有效丢弃传递给构造函数的status参数。

如果要提供Status.NONE作为默认参数，请执行以下操作：

    constructor(id: number, point: number, status = Status.NONE) {
        this.id = id;
        this.point = point;
        this.status = status;
    }

您可以进一步将其减少为：

    constructor(public id: number, public point: number,
                public status = Status.NONE) {
    }

编辑：另外，由于TypeScript是结构化的类型，而不是名义上的类型（请参见structural typing），因此您不会输通过返回文字和类构造实例来实现任何类型的安全。可以肯定地说这两个版本的代码都返回Reward。 TS Playground

class Reward {
  constructor(public id: string) {}
}

// This is OK.
const x: Reward = {id: '12435'};

如果Reward开始添加方法，那么您失去的就是使用对象文字轻松创建Reward的能力。

Typescript映射函数返回新对象不起作用

1 个答案: