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

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是结构化的，不是名义上的类型化（请参见结构化类型），因此通过返回文字与类构造的实例，您不会失去任何类型安全性。可以肯定地说这两个版本的代码都返回Reward。 TS游乐场

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

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

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