时间戳

首页 > 解决方案 > 打字稿地图函数返回新对象不起作用

javascript - 打字稿地图函数返回新对象不起作用

问题描述

我是打字稿的新手

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 对我不起作用。它仍然返回相同的旧对象（状态值相同）。即使我创建了一个新对象，它也应该有所不同。

它在我使用时有效

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

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

标签： javascriptnode.jstypescript

解决方案

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

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

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

如果您希望提供 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使用对象文字轻松创建的能力。

推荐阅读