将接收到的数据从服务转换到正确的模型

Question

您好，我有以下型号：

export class Vehicle {
}

export class Trike extends Vehicle {
}

export class Car extends Vehicle {
}

这些是从 API 的 Mock 中检索到的

 var vehiclesResource = vehicleService.getResource();
        vehiclesResource.query((data) => {
            this.areas = data;

            var c = data[0] instanceof Car;
            var t = data[0] instanceof Trike;

            var cc = data[0].constructor === Car;
            var tt = data[0].constructor === Trike;
        });

从 API 检索汽车，现在当数据到达时，我想将其转换为正确的对象（在本例中为汽车）。但有些如何 c = false t = false cc = false 和 tt = false。

在visualstudio中设置断点显示数据是对象（资源）类型

我做错了什么？

Answer 1

很可能是您通过反序列化接收数据。在这种情况下，即使对象的结构相同，对象的类型也会丢失。例如，如果您执行以下操作：

let a = new Car();
let data = JSON.stringify();
let aa = JSON.parse(data);

'aa' 对象的类型将是 'Object' 而不是 'Car'。 如果可以接受，您可以将类定义转换为接口定义，然后像这样使用它：

let aa = <Car>JSON.parse(data);

或者你可以实现自己的反序列化方法，更多信息在这里：How do I initialize a typescript object with a JSON object