Typescript：如何使用私有变量反序列化 JSON 对象？

Posted 2023-03-05

【中文标题】Typescript：如何使用私有变量反序列化 JSON 对象？

【英文标题】：Typescript: How to deserialize JSON object with private variables?

【发布时间】：2016-11-18 18:28:08

【问题描述】：

我有以下打字稿模型对象user

export class User 

constructor(
    private _name: string,
    private _email: string
)  


public get name():string 
    return this._name;


public set name(value:string) 
    this._name = value;


get email():string 
    return this._email;


set email(value:string) 
    this._email = value;

我通过以下代码存储对象：

let user = new User('myName', 'myEmail');
localStorage.setItem('user', JSON.stringify(user));

如果我查看本地存储有以下字符串：

"_name":"myName","_email":"myEmail"

如何再次获取用户对象？

let user: User = JSON.parse(localStorage.getItem('user'));
console.log(user.name); // logs undefined. Should log 'myName'
console.log(user._name); // this logs 'myName'. But according to the typescript documentation this should NOT work!

我想这与存储对象的下划线有关。 如何正确接收对象？

【问题讨论】：

JSON.parse 返回纯 js 对象（不是User 类型）。您应该手动创建User 实例并对其进行初始化。 This 可能会有所帮助。

【参考方案1】：

您需要在模型中实现一些序列化和反序列化方法。

class User 
    static public deserialize(serialized) 
        const name, email = JSON.parse(serialized);
        return new User(name, email);
        

    constructor(
        private _name: string,
        private _email: string
    )  


    public get name():string 
        return this._name;
    

    public set name(value:string) 
        this._name = value;
    

    get email():string 
        return this._email;
    

    set email(value:string) 
        this._email = value;
    

    public serialize() 
        return JSON.stringify(name: this.name, email: this.email);
    



let user = new User('myName', 'myEmail');
localStorage.setItem('user', user.serialize());

let user1: User = User.deserialize(localStorage.getItem('user'));