javascript - ¿Serialización de objetos en Typescript?
¿Existen medios para la serialización/deserialización JSON de objetos de Typescript de manera que no pierdan la información de tipo? El simple JSON.parse(JSON.stringify) tiene demasiadas salvedades.
¿O debería usar soluciones ad hoc?
Respuesta #1
Usa interfaces para obtener tipos fuertes:
// Creating
var foo:any = {};
foo.x = 3;
foo.y='123';
var jsonString = JSON.stringify(foo);
alert(jsonString);
// Reading
interface Bar{
x:number;
y?:string;
}
var baz:Bar = JSON.parse(jsonString);
alert(baz.y);
Y usa la aserción de tipo "<>" si lo necesitas.
Respuesta #2
Creo que una mejor manera de manejar esto es usar Object.assign (lo cual, sin embargo, requiere ECMAScript 2015).
Dada una clase
class Pet {
name: string;
age: number;
constructor(name?: string, age?: number) {
this.name = name;
this.age = age;
}
getDescription(): string {
return "My pet " + this.name + " is " + this.age + " years old.";
}
static fromJSON(d: Object): Pet {
return Object.assign(new Pet(), d);
}
}
Serializa y deserializa así...
var p0 = new Pet("Fido", 5);
var s = JSON.stringify(p0);
var p1 = Pet.fromJSON(JSON.parse(s));
console.log(p1.getDescription());
Para llevar este ejemplo al siguiente nivel, considere objetos anidados...
class Type {
kind: string;
breed: string;
constructor(kind?: string, breed?: string) {
this.kind = kind;
this.breed = breed;
}
static fromJSON(d: Object) {
return Object.assign(new Type(), d);
}
}
class Pet {
name: string;
age: number;
type: Type;
constructor(name?: string, age?: number) {
this.name = name;
this.age = age;
}
getDescription(): string {
return "My pet " + this.name + " is " + this.age + " years old.";
}
getFullDescription(): string {
return "My " + this.type.kind + ", a " + this.type.breed + ", is " + this.age + " years old.";
}
static fromJSON(d: Object): Pet {
var o = Object.assign(new Pet(), d);
o.type = Type.fromJSON(o['type']);
return o;
}
}
Serializa y deserializa así...
var q0 = new Pet("Fido", 5);
q0.type = new Type("dog", "Pomeranian");
var t = JSON.stringify(q0);
var q1 = Pet.fromJSON(JSON.parse(t));
console.log(q1.getFullDescription());
Entonces, a diferencia de usar una interfaz, este enfoque conserva los métodos.
